@charset "UTF-8";

/* base
----------------------------------------- */
#header.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;

/*
-webkit-transition: all .4s ease 0s,background .6s ease .2s;
transition: all .4s ease 0s,background .6s ease .2s;
*/
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}


/* mainImg
----------------------------------------- */
#mainImg {
position: relative;
clear: both;
margin: 0 auto;
width: 100%;
text-align: center;
}

/* section h2〜
----------------------------------------- */
section header {
margin: 0 auto 1em auto;
width: 100%;
display: block;
}

/* section
----------------------------------------- */
section {
margin-bottom: 5em;
width: 100%;
display: inline-block;
}
section:last-child {
margin-bottom: 0;
}
section .wrap {
margin: 0 auto;
}


/* NewsList
----------------------------------------- */
#NewsList {
padding-top: 2em;
padding-bottom: 2em;
margin-bottom: 8em;
display: block;
background: #fffce6;
border-bottom: 2px dotted #000000;
}
#NewsList .postList {
border-bottom: 0;
}

#NewsList h2 {
padding: 1em 0;
display: block;
text-align: center;
}
#NewsList header a.linkList {
margin-top: 1em;
margin-right: auto;
margin-left: auto;
padding: 0.5em 1em;
position: relative;
width: 80%;
display: block;
border: 2px solid #d44539;
font-weight: bold;
}
#NewsList header a.linkList::before {
content: '';
position: absolute;
top: -26px;
left: 50%;
margin-left: -16px;
border: 13px solid transparent;
border-bottom: 13px solid #fffce6;
z-index: 2;
}
#NewsList header a.linkList::after {
content: '';
position: absolute;
top: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #d44539;
z-index: 1;
}
#NewsList header a.linkList span {
display: block;
text-align: center;
}

#NewsList header a.linkList:hover {
color: #d44539;
text-decoration: none;
}

.postListWrap {
margin-bottom: 1em;
}
.postListWrap.last {
margin-bottom: 0;
}
.postList .date {
margin-bottom: 1em;
}
.postList .date .category {
background: #ffe200;
}

.postList .date .category.news a {
background: #ffe200;
}
.postList .date .category.event a {
background: #d44539;
}
.postList .date .category.meetup a {
background: #003893;
}
.postList .date .category a {
padding: 0.5em;
color: #000000;
font-weight: bold;
}
.postList .date .category.event a, 
.postList .date .category.meetup a {
color: #ffffff;
}
.postList .date .category a {
display: block;
}
.postList .date .category a:hover {
text-decoration: none;
}
.postList .tag {
margin-bottom: 0.5em;
position: relative;
padding-left: 1.5em;
}
.postList .tag::before {
font-family: "FontAwesome";
content: '\f02c';
position: absolute;
top: 0;
left: 0;
color: #333333;
}
.postList .tag a {
margin-right: 0.5em;
display: inline-block;
}
.postList .tag a:last-of-type {
margin-right: 0;
}

/* YouTube Banner
------------------- */
.YouTube .videoBox {
margin-right: auto;
margin-left: auto;
background-color: #003893;
position: relative;
}
.YouTube .youtubeList {
aspect-ratio: 16 / 9;
overflow-x: scroll;
display: flex;
-ms-overflow-style: none;
scrollbar-width: none;
}
.YouTube .youtubeList::-webkit-scrollbar {
display: none;
}
.YouTube .arrow {
display: block;
width: 100%;
height: 1em;
color: rgba(255,255,255,0.5);
position: absolute;
top: 0;
opacity: 0;
transition: .3s all ease-in;
}
.YouTube .arrow .left {
font-family: "Font Awesome 5 Free";
content: '\f060';
font-weight: 900;
position: absolute;
top: 0;
left: 1%;
}
.YouTube .arrow .right {
font-family: "Font Awesome 5 Free";
content: '\f061';
font-weight: 900;
position: absolute;
top: 0;
right: 1%;
}
.YouTube .videoBox:hover .arrow {
opacity: 1;
}
.YouTube .youtube_frame {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.YouTube .youtubeList iframe {
margin-right: auto;
margin-left: auto;
width: 100%;
height: 100%;
display: block;
border: 0;
aspect-ratio: 16 / 9;
}
.YouTube .wrap {
background-color: #003893;
}
.YouTube .wrap img {
width: 100%;
height: auto;
display: block;
}




/* carousel
-------------------------- */
.carousel .slick-prev {
left: 0;
}
.carousel .slick-next {
right: 0;
}
.carousel .slick-prev:before,
.carousel .slick-next:before {
color: #ffffff;
}
body .slick-prev:before {
font-family: "Font Awesome 5 Free";
content: '\f060';
font-weight: 900;
}
body .slick-next:before {
font-family: "Font Awesome 5 Free";
content: '\f061';
font-weight: 900;
}





/* LINE Banner
------------------- */
#pickup footer {
border-top: 3px double #003893;
padding-top: 1.8em;
}
.lineNotice {
background: #3AAE36;
}
.lineNotice .head p {
padding: 0.7em;
border-top: 3px solid #ffe200;
border-bottom: 3px solid #ffe200;
background: #ffffff;
word-break: keep-all;
}




/* EventCalender
----------------------------------------- */
#EventCalender h2 {
margin-bottom: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
display: block;
position: relative;
background: #d44539;
color: #ffffff;
font-weight: bold;
text-align: center;

box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.4);
text-shadow: 2px 2px 0 rgba(160,17,5,0.9);
}

#EventCalender h2::before,
#EventCalender h2::after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
#EventCalender h2::before {
top: 0;
left: 0;
border-width: 31px 0 31px 15px;
border-color: transparent transparent transparent #ffffff;
border-style: solid;
}
#EventCalender h2::after {
top: 0;
right: 0;
border-width: 31px 15px 31px 0;
border-color: transparent #ffffff transparent transparent;
border-style: solid;
}
#EventCalender header a.linkList {
padding: 0.5em;
display: block;
background: rgba(255,0,0,0.3);
text-align: center;
font-weight: bold;
color: #000000;
}
#EventCalender header a.linkList:hover {
color: #ffffff;
background: rgba(255,0,0,0.9);
text-decoration: none;
}

#EventCalender .scheduleList-category span:empty {
display: none;
}

/*
#EventCalender .contentsWrap .list01 {
margin-bottom: 2.5em;
}
#EventCalender .postList {
margin-top: 1em;
margin-right: auto;
margin-left: auto;
padding: 1em;
position: relative;
display: block;
border: 2px solid #d44539;
}
#EventCalender .postList::before {
content: '';
position: absolute;
top: -26px;
margin-left: -16px;
border: 13px solid transparent;
border-bottom: 13px solid #ffffff;
z-index: 2;
}
#EventCalender .postList::after {
content: '';
position: absolute;
top: -30px;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #d44539;
z-index: 1;
}

#EventCalender .list02 .postList {
border: 2px solid #ffe200;
}
#EventCalender .list02 .postList::after {
border-bottom: 14px solid #ffe200;
}
#EventCalender .list02 header a.linkList {
background: rgba(255,226,0,0.3);
}
#EventCalender .list02 header a.linkList:hover {
background: rgba(255,226,0,1);
color: #003893;
}
#EventCalender .list03 .postList {
border: 2px solid #4e86e1;
}
#EventCalender .list03 .postList::after {
border-bottom: 14px solid #4e86e1;
}
#EventCalender .list03 header a.linkList {
background: rgba(78,134,255,0.3);
}
#EventCalender .list03 header a.linkList:hover {
background: rgba(78,134,255,1);
color: #ffffff;
}
#EventCalender .postList .date {
margin-bottom: 0.5em;
}
#EventCalender .postTl {
margin-bottom: 0;
}
#EventCalender .postListWrap {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 1px solid #000000;
}
#EventCalender .postListWrap:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
#EventCalender .widget-blog-calendar {
margin-right: auto;
margin-left: auto;
width: 80%;
}
#EventCalender .widget-blog-calendar .month {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#EventCalender .widget-blog-calendar .month .wrap {
width: 100%;
display: table;
}

#EventCalender .widget-blog-calendar .month .wrap span a {
background: none;
}
#EventCalender .widget-blog-calendar .month .wrap span {
display: table-cell;
}
#EventCalender .widget-blog-calendar .month .wrap .pre {
text-align: left;
}
#EventCalender .widget-blog-calendar .month .wrap .more {
text-align: center;
}
#EventCalender .widget-blog-calendar .month .wrap .next {
display: block;
text-align: right;
}
#EventCalender .blogCalendar th {
font-weight: bold;
}
#EventCalender .blogCalendar .week {
border-bottom: 1px solid #888888;
}
#EventCalender .blogCalendar .sunday {
color: #d44539;
}
#EventCalender .blogCalendar .saturday {
color: #003893;
}
#EventCalender .blogCalendar {
margin-bottom: 1em;
width: 100%;
text-align: center;
}
#EventCalender .blogCalendar td {
padding: 0.4em;
vertical-align: middle;
}
#EventCalender .blogCalendar td > span {
display: block;
}
#EventCalender .blogCalendar td span a {
display: block;
background: #ffe200;
}
#EventCalender .blogCalendar td span a:hover {
text-decoration: none;
background: #ffd000;
}
#EventCalender .blogCalendar td.today span {
background: rgba(212,69,57,0.4);
}
#EventCalender .eventDate {
position: relative;
margin-left: 2em;
display: inline-block;
}
#EventCalender .eventDate::before {
content: '';
width: 1em;
height: 1em;
display: inline-block;
left: 0;
background: #ffe200;
}
*/

#EventCalender .calenderDate {
display: block;
}
#EventCalender .scheduleCalendar {
border: 0;
}
#EventCalender h3,
#EventCalender .calenderDate {
margin-bottom: 12px;
}
#EventCalender .scheduleOn {
background: #d44539;
transition: background .3s;
}
#EventCalender .scheduleOn a {
color: #ffffff;
}
#EventCalender .scheduleOn:hover {
background: rgba(29,51,183,1);
}
#EventCalender ul.scheduleList li:nth-child(n+6) {
display: none!important;
}


/* pickup
----------------------------------------- */
#pickup > .wrap {
margin-bottom: 2em;
}
#pickup dl.newMember {
background: #ffe200;
border-radius: 10px 10px 0 0;

}
#pickup dt {
position: relative;
font-size: 1.4rem;
}

#pickup dl dt::before {
content: '';
width: 100px;
height: 80px;
position: absolute;
bottom: -15px;
left: -15px;
background: url("./images/i_zou.png") left top no-repeat;
background-size: contain;
z-index: 4;
}
#pickup dl.newMember dt::after {
content: 'まずは加入しよう♪';
position: absolute;
top: -2em;
left: 5em;
font-size: 1rem;
}
#pickup dl.newMember dt span {
background: #ffe200;
text-shadow: 2px 2px 0 #cbae00;
}
#pickup dl.member dt::after {
content: '様々なサポートを利用しよう！';
position: absolute;
top: -2em;
left: 5em;
font-size: 1rem;
}
#pickup dl.member dt span {
background: #d44539;
color: #ffffff;
text-shadow: 2px 2px 0 #a01105;
}
#pickup dt span {
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 4.4em;
display: block;
border-radius: 10px 10px 0 0;

}
#pickup dl dd {
padding-top: 2px;
transition: .3s;
}
#pickup dl.member dd {
background: #d44539;
}
#pickup dl {
transition: .3s;
}
#pickup dl.newMember:hover {
background: #e5c800;
}
#pickup dl.member dd:hover {
background: #a01105;
}
#pickup dl dd h3 {
margin-right: 2px;
margin-bottom: 1em;
margin-left: 2px;
position: relative;
background: #ffffff;
word-break: keep-all;
color: #000000;
}
#pickup dl dd h3::before {
content: "";
position: absolute;
top: 100%;
left: 15%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #ffffff;
}
#pickup dl dd h3 span {
margin-right: auto;
margin-left: auto;
padding: 0.5em 0;
width: 90%;
display: block;
font-size: 1.6rem;
text-shadow: 2px 2px 0 rgba(161,167,188,0.5);
}
#pickup dl dd a {
display: block;
}

#pickup dl dd a:hover {
text-decoration: none;
}

#pickup dl dd p {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-right: 1em;
padding-left: 1em;
display: block;
text-align: justify;
font-weight: bold;
}



#pickup dl dd ul {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-right: 1em;
padding-left: 1em;
display: block;
text-align: justify;
font-size: 0.9rem;
}

#pickup dl.member dd ul,
#pickup dl.member dd p {
color: #ffffff;
}
#pickup dl dd .wrap .click {
margin-bottom: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 0.9rem;
text-align: right;
}



#pickup dl dd ul li {
margin-left: 1em;
list-style: circle outside;
word-break: keep-all;
}

#download {
margin-bottom: 2em;
display: block;
}
#download a {
width: 100%;
display: table;
text-align: center;
border-radius: 15px;
border: 2px solid #d44539;
color: #000000;
font-size: 1.6rem;
font-weight: bold;
box-shadow: 0 10px #a1a7bc;
}
#download a i {
color: #d44539;
font-size: 3rem;
}
#download a span {
display: table-cell;
vertical-align: middle;
}

#download a:hover {
text-decoration: none;
box-shadow: 0 0 #ffffff;
}




/* jobSearch
----------------------------------------- */
#jobSearch {
padding-top: 2em;
padding-bottom: 2em;
background: rgba(78,134,255,0.1);
}
#jobSearch h2::before,
#jobSearch h2::after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
#jobSearch h2::before {
top: 0;
left: 0;
border-width: 31px 0 31px 15px;
border-color: transparent transparent transparent #edf3ff;
border-style: solid;
}
#jobSearch h2::after {
top: 0;
right: 0;
border-width: 31px 15px 31px 0;
border-color: transparent #edf3ff transparent transparent;
border-style: solid;
}
#jobSearch h2 {
position: relative;
border-radius: 0px!important;
text-shadow: 2px 2px 0 rgba(161,167,188,0.5);
box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.4);
}


/* linkList
----------------------------------------- */
#linkList {
margin-bottom: 5em;
}

#linkList .internalLink {
margin-bottom: 2em;
width: 100%;
}
#linkList .internalLink ul {
padding: 1em;
background: rgba(161,167,188,0.2);
text-align: center;
}

#linkList .internalLink ul li a {
display: block;
text-decoration: none;
}
#linkList .internalLink ul li a img {
transition: all .3s;	
box-shadow: 0 5px rgba(161,167,188,0.8);
}
#linkList .internalLink ul li a img:hover {
text-decoration: none;
box-shadow: 0 0 rgba(161,167,188,0);
}


#linkList .kiraraLink,
#linkList .apamanshopBanner {
margin-bottom: 2em;
padding-top: 1em;
padding-bottom: 1em;
background: rgba(161,167,188,0.2);
}
#linkList .kiraraLink .wrap,
#linkList .apamanshopBanner .wrap {
background: #ffffff;
border: 2px solid #ec8733;
text-align: center;
vertical-align: top;
box-sizing: border-box;
}

#linkList .apamanshopBanner .wrap {
	border: none;
}


#linkList .kiraraLink img{
vertical-align: top;
}

#linkList .apamanshopBanner img {
vertical-align: top;
width: 100%;
}
#linkList .kiraraLink h3 {
margin-top: -1px;
width: 100%;
display: block;
background: #ec8733;
text-align: center;
vertical-align: top;
box-sizing: border-box;
}
#linkList .kiraraLink h3 img {
vertical-align: middle;
background: #ec8733;
}


/* access
----------------------------------------- */
#topAccess {
margin-bottom: 5em;
}
#topAccess h2 {
margin-bottom: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
position: relative;
display: block;
background: #ffe200;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px 0 #cbae00;
box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.4);
}

#topAccess h2::before,
#topAccess h2::after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
}
#topAccess h2::before {
top: 0;
left: 0;
border-width: 31px 0 31px 15px;
border-color: transparent transparent transparent #ffffff;
border-style: solid;
}
#topAccess h2::after {
top: 0;
right: 0;
border-width: 31px 15px 31px 0;
border-color: transparent #ffffff transparent transparent;
border-style: solid;
}



#topAccess ul li img {
width: 100%;
}
#topAccess iframe {
width: 100%;
}


#topAccess address > p {
margin-bottom: 1em;
}
#topAccess address .phone,
#topAccess address dl.mail {
margin-bottom: 1em;
}
#topAccess address dl.mail {
width: 100%;
text-align: center;
}
#topAccess address .phone dl {
width: 100%;
display: table;
}
#topAccess address .phone dt {
width: 35%;
display: table-cell;
border: 2px solid #003893;
color: #003893;
}
#topAccess address .phone dl {
margin-bottom: 0.5em;
}
#topAccess address .phone dt span {
line-height: 2;
display: block;
position: relative;
}
#topAccess address .phone dt i {
margin-right: 0.5em;
font-size: 1.4rem;
}
#topAccess address .phone dd {
padding-left: 1em;
display: table-cell;
}
#topAccess address .phone dd span {
margin: 0 auto;
padding-top: 0.2em;
padding-bottom: 0.2em;
display: block;
border-bottom: 1px solid #003893;
}
#topAccess address .phone p {
width: 100%;
display: table;
text-align: center;
}
#topAccess address .phone p span {
padding: 0.2em;
display: table-cell;
text-align: center;
background: #ffe200;
}
#topAccess address .phone p span:first-of-type {
width: 50%;
border-right: 2px solid #ffffff;
}
#topAccess address .mail dt {
margin-bottom: 0.5em;
padding: 0.2em 0;
border: 2px solid #003893;
color: #003893;
}
#topAccess address .mail dt i {
margin-right: 0.5em;
font-size: 1.4rem;
}

#topAccess address .mail dd {
padding: 0.2em;
background: #ffe200;
}

/* ===========================================

 	PC向け表示設定
 
============================================== */
@media only screen and (min-width: 960px){	


/* -------------------------------------------
base
============================================== */
#header h1 {
opacity: 0;
}
#header.is-fixed h1 {
opacity: 1;
}

/* -------------------------------------------
mainImg
============================================== */
#mainImg {
margin-right: auto;
margin-left: auto;
width: 960px;
overflow: hidden;
}

/* -------------------------------------------
section
============================================== */
section > .wrap,
div > .wrap {
margin-right: auto;
margin-left: auto;
width: 960px;
}
/* -------------------------------------------
NewsList
============================================== */
#NewsList > .wrap {
display: table;
}
#NewsList header {
width: 25%;
display: table-cell;
}
#NewsList .postList {
width: 85%;
display: table-cell;
border-bottom: 0;
}
#NewsList .postList h3 {
font-size: 18px;
}
#NewsList .postList .date .category {
width: 10em;
min-height: 40px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
#NewsList .postList .date {
display: table-cell;
vertical-align: top;
}
#NewsList .postList .date .time {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
}
#NewsList .postList .detail {
width: 53%;
display: table-cell;
}


/* -------------------------------------------
YouTube Banner
============================================== */
.YouTube {
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.YouTube .videoBox {
padding-top: 15px;
padding-bottom: 15px;
width: 56%;
}
.YouTube .wrap {
width: 44%;
}
.YouTube .wrap .img1 {
margin-bottom: 20px;
}


/* -------------------------------------------
LINE Banner
============================================== */
#pickup footer {
margin-top: 3em;
margin-right: auto;
margin-left: auto;
width: 960px;
display: block;
text-align: left;
}
.lineNotice {
margin-right: auto;
margin-left: auto;
display: block;
}
.lineNotice img {
display: inline-block;
}
.lineNotice .head {
width: 55%;
display: inline-block;
border-top: 2px solid #3AAE36;
border-bottom: 2px solid #3AAE36;

text-align: center;
vertical-align: middle;
font-size: 90%;
}
.lineNotice .wrap {
padding: 0.7em;
width: 44%;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.lineNotice .wrap img:first-of-type {
margin-bottom: 0.7em;
width: 40%;
}


/* -------------------------------------------
EventCalender
============================================== */

#EventCalender .contents {
width: 100%;
display: table;
}
/*
#EventCalender .widget-area {
width: 35%;
display: table-cell;
}
#EventCalender .eventTl {
margin-bottom: 2em;
width: 100%;
display: table;
}
#EventCalender header h3 {
width: 80%;
display: table-cell;
}
#EventCalender header a {
display: table-cell;
}
#EventCalender .postList h3 {
font-size: 18px;
}
#EventCalender .postList .date {
display: table-cell;
}
#EventCalender .postList .date .time {
padding-right: 1em;
}
#EventCalender .postList .detail {
width: 73%;
display: table-cell;
}
#EventCalender .postList::before,
#EventCalender .postList::after {
left: 5%;
}
*/

#EventCalender .calenderTable {
width: 35%;
display: table-cell;
}
#EventCalender .contentsWrap {
padding-left: 5%;
}
#EventCalender .calenderTable .scheduleCalendar td {
padding: 10px;
}
#EventCalender .scheduleList .twoBox {
width: 30%!important;
}
#EventCalender .scheduleList .scheduleList-title {
width: 70%!important;
}

/* -------------------------------------------
jobSearch 
============================================== */
#Home #jobSearch .area_wrap {
width: 100%;
}



/* -------------------------------------------
pickup
============================================== */
#pickup {
display: table;
}
#pickup > .wrap {
display: table;
}
#pickup dl {
display: table-cell;
}
#pickup dl.newMember {
width: 47%;
}
#pickup dl.member {
padding-left: 2em;
}
#pickup dl.member dt {
width: 100%;
}
#pickup dl dd {
display: table-cell;
}
#pickup dl.member dd {
width: 33%;
}
#pickup dl.member dd .wrap {
border-right: 2px solid #ffffff;
}
#pickup dl.member dd:last-of-type .wrap {
border-right: 0;
}
#download a br {
display: none;
}
#download a {
padding: 1em 0;
}
#download a i {
padding-right: 1em;
padding-left: 1em;
display: table-cell;
border-right: 2px solid #d44539;
}
#pickup .subPickup {
display: table;
}
#pickup .subPickup li {
padding-right: 1.5em;
display: table-cell;
}
#pickup .subPickup li:last-of-type {
padding-right: 0;
}




/* -------------------------------------------
linkList and banner
============================================== */
#linkList .internalLink ul {
padding-left: 1em;
width: 100%;
display: table;
}
#linkList .internalLink ul li {
display: table-cell;
width: 32%;
}
#linkList .internalLink ul li img {
height: 110px;
}
#linkList .kiraraLink .wrap,
#linkList .apamanshopBanner .wrap {
width: 85%;
}

#linkList .kiraraLink h3 {
padding-top: 0.1em;
padding-bottom: 0.1em;
}
#linkList .kiraraLink h3 img {
max-height: 25px;
}

#linkList .kiraraLink span {
padding: 0.7em;
display: inline-block;
}
#linkList .kiraraLink span:first-of-type {
padding-right: 0;
}
#linkList .kiraraLink span img {
height: 80px;
}

.apamanshopBanner_sp{
	display: none;
}


/* -------------------------------------------
access
============================================== */
#topAccess .contents {
margin-bottom: 2em;
width: 100%;
display: table;
}
#topAccess figure {
display: table-cell;
width: 30%;
vertical-align: bottom;
}
#topAccess figure img {
width: 90%;
}
#topAccess .map iframe {
height: 250px;
}
#topAccess address {
display: table-cell;
}
#topAccess address .phone dt span {
text-align: center;
}
#topAccess address .mail dt a {
display: block;
}
#topAccess address .mail dt {
transition: all .3s;
}
#topAccess address .mail dt:hover {
background: rgba(78,134,255,0.3);
}
#topAccess address .mail dt a:hover {
text-decoration: none;
}




}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 959px){

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
main
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
body {
 padding-top: 0;
 }

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
mainImg
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#mainImg {
margin-right: auto;
margin-left: auto;
width: 96%;
}
#top section {
margin: 0 auto;
display:  block !important;
}
#top section {
margin: 0  auto  40px auto !important;
}	

.bx-wrapper {
padding-top: 3em;
background: #ffffff;
}


/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
section
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section .wrap {
width: 96%;
}
#NewsList h2,
section .wrap > h2 {
font-size: 25px;
}


/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
NewsList
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#NewsList header {
margin-bottom: 2em;
}
#NewsList header a.linkList {
padding: 1em;
}
#NewsList .postList .date {
width: 100%;
display: table;
}
#NewsList .postList .category {
width: 50%;
display: table-cell;
text-align: center;
}
#NewsList .postList .time {
display: table-cell;
}
#NewsList .postList .time span {
padding-left: 1em;
}
#NewsList .postListWrap {
border-bottom: 1px solid #000000;
}


/* 〜〜〜〜〜〜〜〜〜〜〜
YouTube Banner
〜〜〜〜〜〜〜〜〜〜〜 */
.YouTube {
margin-bottom: 15px;
background-color: #003893;
}
.YouTube .videoBox {
 padding-top: 1.5em;
}
.YouTube .youtubeList {
margin-right: auto;
margin-left: auto;
width: 100%;
order: 2;
}
.YouTube .wrap {
order: 1;
}

/* 〜〜〜〜〜〜〜〜〜〜〜
LINE Banner
〜〜〜〜〜〜〜〜〜〜〜 */
#pickup footer {
margin-right: auto;
margin-left: auto;
width: 80%;
text-align: center;
}
.lineNotice .head p {
margin-top: 0.7em;
margin-bottom: 1em;
}
.lineNotice img {
display: inline-block;
}
.lineNotice .wrap {
padding-bottom: 0.7em;
}
.lineNotice .wrap img:first-of-type {
margin-bottom: 1em;
width: 70%;
}



/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
EventCalender
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#EventCalender .contents > .widget-area {
margin-bottom: 2em;
border-bottom: 1px dotted #888888;
}
#EventCalender .eventDate {
display: block;
font-size: 1.2rem;
text-align: right;
}
#EventCalender header > h3 {
font-size: 1.4rem;
}
#EventCalender .eventTl {
display: table;
}
#EventCalender .eventTl h3 {
width: 50%;
display: table-cell;
}
#EventCalender .eventTl .linkList {
display: table-cell;
vertical-align: middle;
}
#EventCalender .postList::before,
#EventCalender .postList::after {
left: 8%;
}
#EventCalender .calenderTable {
margin-bottom: 2em;
}
#EventCalender h3 {
margin-bottom: 1em;
text-align: center;
}



/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
pickup
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#pickup dl.newMember {
margin-bottom: 6em;
}
#pickup dl dd h3 br {
display: none;
}
#pickup dl.newMember dt::after,
#pickup dl.member dt::after {
left: 70px;
font-size: 0.7rem;
}

#download a {
padding: 1em 0.5em;
}
#download a span {
margin-top: 0.5em;
display: block;
}
#download a i {
padding-bottom: 0.5em;
display: block;
border-bottom: 2px solid #d44539;
}








/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
linkList and banner
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#linkList .wrap {
margin-right: auto;
margin-left: auto;
width: 96%;
}
#linkList .internalLink ul {
display: block;
text-align: center;
}
#linkList .internalLink li {
margin-bottom: 1em;
display: block;
}

#linkList .kiraraLink h3 {
margin-bottom: 1em;
padding: 0.5em;
}
#linkList .kiraraLink span {
margin: auto;
width: 90%;
display: block;
}


#linkList .kiraraLink h3 img {
margin-right: auto;
margin-left: auto;
width: 90%;
display: block;
}
#linkList .kiraraLink h3 img:first-of-type {
width: 80%;
}

#linkList .kiraraLink span img {
width: 100%;
display: block;
}
#linkList .kiraraLink span {
margin-bottom: 1em;
}

.apamanshopBanner_pc{
	display: none;
}


/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
access
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#topAccess figure {
margin-bottom: 1em;
text-align: center;
}
#topAccess figure img {
width: 50%;
}
#topAccess address .phone dt span {
text-align: center;
}
#topAccess iframe {
min-height: 250px;
}





}/* end */

body .slick-prev{
	left: 20px;
	z-index: 100000;
}

body .slick-next{
	right: 20px;
	z-index: 100000;
}