@media print, screen and (max-width: 1024px) {
/* �X�}�z -------------------------------------------------------------- */
.pc{
	display:none;
}
img, object, embed {
	max-width: 100%;
	height: auto;
}
img {
	-ms-interpolation-mode: bicubic;
}	
	
/* �X�}�z�i�r -------------------------------------------------------------- */
#menu-sp{
	padding:20px 10px;
	margin:20px 0px 0px 0px;
	display:block;
	text-align:right;
	text-align:center;
	background-color:#000;
	color:#FFF;
	font-size:142.86%;
	font-weight:bold;
	position:relative;
	z-index:100;
}
#menu-sp #open{
	background:url(../images/menu_open.png) right center no-repeat;
	height:30px;
	width:30px;
	position:absolute;
	right:4%;
	top:14px;
}
#menu-sp.active{
}
#menu-sp.active #open{
	background:url(../images/menu_close.png) right center no-repeat;
}
#menu-sp img{
	height:auto;
}
#menu-sp:hover,#menu-sp:active{
	cursor:pointer;
}
#nav-sp{
	display:block;
	clear: both;
	position:absolute;
	display: none;
	z-index:10000;
	width:100%;
    }
#nav-sp a{
	text-decoration:none;
	display:block;
	font-size: 110%;
	position: relative;
	padding: 15px 25px 15px 10px;
	border-bottom: 1px solid #FFF;
	background-color:#F4FAFF;
	color:#222;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#nav-sp a:hover{
	background-color:#E1F1FF;
}
#nav-sp a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 4%;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #054387;
	border-right: solid 2px #054387;
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* �w�b�_�[ -------------------------------------------------------------- */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
header{
	background:#054487;
}
#header{
	width:96%;
	margin:0 auto;
	padding:20px 0px;
}
#logo{
	display:block;
	text-align:left;
}
	
.fb{
	position:absolute;
	right:60px;
	top:24px;
}
.request{
	position:absolute;
	right:10px;
	top:24px;
}

/* �w�i -------------------------------------------------------------- */
.wrap{
	width:96%;
	margin:0 auto;
	padding:40px 0 10px;
}
.bk-blue{
	background:url(../images/bk-blue.png) repeat;
}
.bk-black{
	background:url(../images/bk-black.png) repeat;
}
.bk-white{
	background:url(../images/bk-white.png) repeat;
}
.bk-gray{
	background:url(../images/bk-gray.png) repeat;
}
.bg-black{
	background-color: #111111;
}
.font-pink{
	color:#EB6EA5;
	font-size:20px;
	display:block;
	margin:0 auto;
	margin-bottom:40px;
	margin-top:40px;
	text-align:center;
	font-weight:bold;
	line-height:120%;
}
h1{
	color:#FFF;
	font-size:36px;
	display:block;
	margin:0 auto;
	text-align:center;
	line-height:100%;
	padding-top:50px;
	margin-bottom:30px;
}
h1 .font-s{
	font-size:12px;
}
.top-title-s,.top-title-s2 {
  position: relative;
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
}
.top-title-s span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #EBEBEB;
  text-align: left;
}
.top-title-s2 span {
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  display: inline-block;
  _margin: 0 4em;
  padding: 0 1em;
  background-color: #222222;
  text-align: left;
}
.top-title-s::before,.top-title-s2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

/* DJ -------------------------------------------------------------- */
#dj-wrap{
	width:100%;
	color:#FFF;
	margin-top:40px;
}
.dj{
	width:96%;
	margin:0 auto;
	margin-bottom:40px;
}
.dj h2{
	font-style:18px;
	margin:0px 0px 0px 0px;
	line-height:120%;
	text-align:center;
}
.dj img{
	width:100%;
	margin:0 auto;
	display:block;
}
.dj p{
	font-size:12px;
}
.dj h3{
	font-size:14px;
}
.dj-alignright {
	margin-top:6%;
	width:100%;
	overflow:hidden;
}
.dj-alignright-inner {
	width:102%;
}
.dj-pic{
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}


/* NEW&Rank�A�C�R�� -------------------------------------------------------------- */
.program-left,.dj,.dj2,.dj-s{
    position:relative;
}
.program-left span.new,
.dj span.new,
.dj2 span.new2{
    position: absolute;
    top: -5px;
    right: -5px;
}
.program-left span.rank,
.dj-s span.rank{
    position: absolute;
    top: 5px;
    left: 5px;
}
.dj .new2 img,
.dj2 .new2 img{
	width:100%;
	margin:0 auto;
	display:block;
}



#dj-wrap2 {
	width: 96%;
	margin: 0 auto;
	color:#FFF;
}
#banner div {
	margin-bottom: 5px;
	text-align: center;
}
.dj-wrap2-inner {
	margin:0 auto;
}
.dj,.dj2,.dj-s {
	float:left;
	display: block;
	width: 48%;
	margin-bottom: 40px;
}
.dj:nth-child(odd),
.dj2:nth-child(odd),
.dj-s:nth-child(odd){
	margin-right: 4%;
}
.dj2 h2,
.dj-s h2{
	font-style:18px;
	margin:0px 0px 0px 0px;
	line-height:120%;
	text-align:center;
}
.dj2 img,
.dj-s img{
	width:100%;
	margin:0 auto;
	display:block;
}
.dj2 p,
.dj-s p{
	font-size:12px;
}

/* �g�b�v�y�[�WNEWS -------------------------------------------------------------- */
.wrap-news{
	padding: 10px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
.arrow1{
    position: relative;
    display: block;
	width: 220px;
	border: solid 1px #004EA2;
	border-radius: 30px;
    padding: 10px 10px 10px 16px;
    color: #004EA2;
    vertical-align: middle;
    text-decoration: none;
	text-align: center;
    font-size: 15px;
	font-weight:  bold;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.arrow2{
    position: relative;
    display: block;
	width: 220px;
	border: solid 1px #eb6ea5;
	border-radius: 30px;
    padding: 10px 10px 10px 16px;
    color: #eb6ea5;
    vertical-align: middle;
    text-decoration: none;
	text-align: center;
    font-size: 15px;
	font-weight:  bold;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.arrow1::before,
.arrow1::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow1::before{
    left: 220px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #004EA2;
    border-right: 2px solid #004EA2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow2::before,
.arrow2::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow2::before{
    left: 220px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #eb6ea5;
    border-right: 2px solid #eb6ea5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* �t�b�^�[ -------------------------------------------------------------- */
footer{
	background:#000;
	padding:50px;
	text-align:center;
	color:#FFF;
}
.jasrac{
	line-height:120%;
	font-size:10px;
	margin-bottom:20px;
}
.jasrac img{
	margin-bottom:5px;
}
_.company{
	margin-bottom:30px;
}
.company a{
	font-size:96%;
	color:#FFF;
	margin-right:2%;
	padding-top:2%;
	padding-bottom:2%;
}
.download{
	text-align:center;
	margin-top:20px;
}
.download img{
	margin-bottom:10px;
}

/* �ԑg�ꗗ -------------------------------------------------------------- */
#program-list{
	width:90%;
	margin:0 auto;
}
.program-box{
	margin-bottom:20px;
	background-color:#FFF;
	padding:20px;
	color:#222;
}
.program-left{
	width:100%;
}
.program-left img.program-img {
	width:100%;
	height:auto;
}
.program-right{
	width:100%;
}
#program-list h4{
	color:#004EA2;
	font-size:130%;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:solid 1px #BBB;
	margin-top:10px;
}
.program-dj{
	font-weight:bold;
	padding-bottom:6px;
}
.program-txt{
	word-wrap: break-word;
}
.program-time{
	line-height:140%;
	margin-top:6px;
	padding:10px 10px 6px;
	font-size:98%;
	background-color:#EEE;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

/* �ԑg�ڍ� -------------------------------------------------------------- */
.box-white{
	background:#FFF;
	padding:10px 10px 0;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.banner-program{
	width:100%;
	overflow:hidden;
}
.banner-program ul{
	width:102%;
}
.banner-program li{
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.banner-program li img{
	width:100%;
	height:auto;
}
.banner-program2{
	width:100%;
	overflow:hidden;
}
.banner-program2 ul{
	width:102%;
}
.banner-program2 li{
	list-style:none;
	float:left;
	width:100%;
	margin:0 2% 2% 0;
}
body .banner-program2 li a {
	color: #333333;
	display: block;
	line-height:150%;
	padding: 18% 20px 20px 20px;
}
.banner-program2 li.kyosai1{
	background: url(../images/kk-net/banner-kyosai1.jpg) center top no-repeat;
    background-size: cover;
}
.banner-program2 li.kyosai2{
	background: url(../images/kk-net/banner-kyosai2.jpg) center top no-repeat;
    background-size: cover;
}
.banner-program3{
	width:100%;
	overflow:hidden;
}
.banner-program3 ul{
	width:102%;
}
.banner-program3 li{
	list-style:none;
	float:left;
	width:100%;
	margin:0 2% 2% 0;
}
.program-detail{
	padding-bottom:40px;
}
.program-detail h3{
	margin:40px auto 14px;
	padding-bottom:6px;
	font-size:160%;
	border-bottom:solid 1px #222222;
}
.program-detail h4.title{
	padding-bottom:6px;
	margin-top:20px;
}
.program-detail .detail-l{
	width:100%;
	margin-bottom:2%;
}
.program-detail .detail-r{
	width:100%;
	margin-bottom:2%;
}
.program-detail .detail-pic{
	margin-top:6%;
	width:100%;
	overflow:hidden;
}
.program-detail .detail-pic ul{
	width:102%;
}
.program-detail .detail-pic li{
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.program-detail .detail-pic ul li.large{
	list-style:none;
	float:left;
	width:100%;
	margin:0 0 2% 0;
	text-align: center;
}
.program-detail .detail-pic ul li.large img{
	object-fit: scale-down;
}
.program-detail .detail-pic li img{
	width:100%;
	height:auto;
}
.detail {
	padding-top: 20px;
}
.line {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #666666 dashed 1px;
}
.ear-banner img {
    text-align: center;
    margin: 0 auto;
	display: block;
}
.radio-text p {
    line-height: 2;
}

/* DJ�Љ� -------------------------------------------------------------- */
.dj-list{
	width:90%;
	margin:0 auto;
}
.dj-list h4{
	color:#004EA2;
	font-size:130%;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:solid 1px #BBB;
}
.dj-detail{
	padding-bottom:40px;
}
.dj-detail h2{
	margin:0 auto 4px;
	padding-bottom:6px;
	font-size:200%;
	line-height: 1.5;
}
.dj-detail h3{
	margin:0 auto 14px;
	padding-bottom:6px;
	font-size:160%;
	border-bottom:solid 1px #222222;
}
.dj-detail .dj-detail-l{
	width:100%;
	padding-bottom:30px;
}
.dj-detail .dj-detail-r{
	width:100%;
	padding-bottom:30px;
}
.dj-detail .dj-detail-pic{
	width:100%;
	overflow:hidden;
}
.dj-detail .dj-detail-pic img{
	width:100%;
	height:auto;
}
.dj-sns{
	margin:10px auto 0;
	width:100%;
	overflow:hidden;
}
.dj-sns ul{
	width:100%;
}
.dj-sns2{
	margin:0 auto 10px;
	width:100%;
	overflow:hidden;
}
.dj-sns2 ul{
	width:100%;
}
.dj-sns li,.dj-sns2 li{
	list-style:none;
	float:left;
	width:30px;
	margin:0 8px 8px 0;
}
.list01 img{
	display: block;
	text-align: center;
	margin: 0 auto 0;
}

/*�\���؂�ւ��������v�f�͍ŏ��͔�\���ɂ��Ă���*/
h1.toggle{
	cursor:pointer;
	background:url(../images/toggle1.png) no-repeat 99% 30px;
	-moz-background-size:auto 30%;
	background-size:auto 30%;
}
h1.toggle.active{
	background:url(../images/toggle2.png) no-repeat 99% 30px;
	-moz-background-size:auto 30%;
	background-size:auto 30%;
}
.none{
	display:none;
}

/* ���N�G�X�g -------------------------------------------------------------- */
.request-box{
	margin-bottom:30px;
}
.request-box a{
	width:80%;
	margin:0 auto;
	padding:10px 40px 0px 10px;
	background:#FFF url(../images/request/mail.png) no-repeat 98% center;
	-moz-background-size:auto 30%;
	background-size:32px 25px;
	display:block;
	border:solid 2px #FFF;
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.request-box a p{
	color:#222;
}
.request-box a:hover{
	text-decoration:none;
	border:solid 2px #054487;
}
.request-box h2{
	margin-bottom:10px;
}
input.input-s,select.input-s{
	width:30%;
}

/* �v���O�����^�u -------------------------------------------------------------- */
#tab-wrap{
	border-bottom:solid 2px #88888A;
}
#tab li {
    list-style:none;
    float:left;
    width:10%;
	padding:1%;
	text-align:center;
	background:#88888A;
	color:#FFF;
	font-weight:bold;
    border-radius:5px 5px 0 0;
	margin:0px;
	margin-right:2.668%;
}
#tab li.end{
	margin-right:0%;
}
#tab li.select {
    color:#fff;
    background-color:#222;
    text-decoration:underline;
    border-radius:5px 5px 0 0;
}
#tab li:hover {
    color:#fff;
    background-color:#222;
    text-decoration:underline;
    border-radius:5px 5px 0 0;
}
.content_wrap{
    clear:both;
}
.disnon {
    display: none;
}
#ym {
    display:none;
}
table.table02 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	color:#222;
	font-size:16px;
}
table.table02 th {
	padding: 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ffffff;
	background: #4EB2CA;
	width:20%;
	font-size:18px;
	text-align:center;
	color:#FFF;
}
table.table02 td {
	padding: 10px 15px;
	background: #ffffff;
	vertical-align: middle;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #4EB2CA;
}
table.table02 th.yellow {
	background: #FFBF00;
}
table.table03 {
	margin: 0 0 20px;
	width: 100%;
	overflow:hidden;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #DDD;
	font-size:16px;
}
table.table03 th {
	padding: 25px 15px 5px 2.7em;
	text-align: left;
	vertical-align:top;
	display: block;
	text-indent: -2.7em;
	margin-left: 20px;
}
table.table03 th.sonota {
	padding: 25px 15px 5px 0;
	text-indent: 0;
}
table.table03 td {
	padding: 5px 15px 25px 20px;
	vertical-align: middle;
	display: block;
	border-bottom: 1px solid #DDD;
}

/* jmusic -------------------------------------------------------------- */
.program-detail .jmusic-list {
	border-top: solid 1px #999999;
	padding-top: 10px;
}
.jmusic-list li.top {
	border-bottom: solid 1px #222222;
	margin-bottom: 20px;
	
}
.jmusic-list li {
	padding: 15px 0 20px 10px;
}
.jmusic-table {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	color:#222;
	width: 100%;
}
.jmusic-table caption {
	text-align: left;
	font-weight: bold;	
}
.jmusic-table th {
	padding: 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ffffff;
	background: #4EB2CA;
	text-align:center;
	color:#FFF;
}
.jmusic-table td {
	padding: 10px 15px;
	background: #ffffff;
	vertical-align: middle;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #4EB2CA;
}
.jmusic-table td.time {
	text-align: center;
}

/* kknet -------------------------------------------------------------- */
.kknet-left,
img.kknet-left {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.kknet-right,
img.kknet-right {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}

/* �A�v���x�~�̂��m�点 -------------------------------------------------------------- */
.wrap-appli {
	font-size: 14px;
	width:96%;
	margin:0 auto;
	padding:40px 0 10px;
}
.wrap-appli-inner {
	padding-bottom: 30px;
}
.wrap-appli h3 {
    margin: 40px auto 14px;
    padding-bottom: 6px;
    font-size: 136%;
    border-bottom: solid 1px #222222;
}
.wrap-appli h4 {
    color: #48AE3B;
	font-size:116%;
	margin-bottom: 20px;
}
.wrap-appli ul {
	margin-left: 25px;
}
.wrap-appli ul li {
	margin-bottom: 5px;
}
.alignright2 {
	float:none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}

/* �e�ԑg�y�[�W�V����� -------------------------------------------------------------- */
.oshirase-iframe {
	margin-top: 10px;
}


/* iframe -------------------------------------------------------------- */
.iframe-content {
	position: relative;
	width: 100%;
	padding: 60% 0 0 0;
}
.iframe-content iframe {
	position: absolute;
	top: 0 ;
	left: 0;
    width: 100%;
    height: 100%;
}
	
/* �t�H�[�� -------------------------------------------------------------- */
.form-btn label {
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
}	
/* Pick Up Archive -------------------------------------------------------------- */
.pickup-photo {
	margin: 0 auto 20px;
	display: block;
	text-align: center;
}	
.dj .spaeker {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
	height: 20px;
}
.list01 .pickup-photo .spaeker-criteria {
    position: relative;
	max-width: 270px;
	width: 100%;
	margin: 0 auto;
}
.guest {
	width: 100%;
	height: auto;
}
.pickup-photo .spaeker {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
	height: 40px;
	margin: 0 auto;
	display: block;
}
.pickup-wrap .dj h2 {
	text-align: left;
	margin-bottom: 5px;
}	
.pickup-info a {
	color: #222222;
}
.prof .alignright {
	float: none;
	max-width: 270px;
	width: 80%;
	display: block;
	margin: 0 auto;
}
/*-----------readmore-btn------------------------------*/
.btn-pink {
  color: #FFFFFF;
  background-color: #EB6EA5;
	border: solid 1px #EB6EA5;
  position: relative;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #FFFFFF;
  border-radius: 30px;
  text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px 16px;
	font-size: 14px;
	font-weight: bold;
}
.btn-pink:hover {
  color: #EB6EA5;
  background: #FFFFFF;
	text-decoration: none;
}

/*-----------about us------------------------------*/

.wrap-appli h4.message{
	color:#000;
	margin-bottom:2rem;
    padding-top: 4%;
}
.bg-blue{
	background:#054487;
	color:#fff;
	padding-bottom:1rem;
    margin:4% 0;
}
.bg-blue h4{
	font-size:1rem;
	color:#fff;
	padding-top: 2rem;
	text-align:center;
}
.bg-blue p{
	text-align:center;
	padding:1rem;
}
 .bg-blue-inner {
    padding: 0 4%;
}
.aboutus-main{
	background:#101012;
	text-align:center;
}
.message-midashi{
	font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin: 1.5rem auto;
}
/*-----------_210423�@�_��lj���1------------------------------*/  
.j-wrap img {
  margin: 0 auto;
   width: 35%;
}
.j-wrap ul{
    list-style: none;
}
.j-wrap-img{
text-align: center;
}
.wrap-company{
padding: 0 6%;
    margin-bottom: 4%;
}
    .btn-pink2{
        margin-bottom: 10%;
    }
    .btn-gray{
        margin-bottom: 5%;
    }
/*-----------210802�@�_��lj���1------------------------------*/  
	.sp-header-bg{
		background-color:#054487;
		position: fixed;
    top: 0;
    left: 0;
    width: 100%;
		z-index: 100;
	}
	
.sp-header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
  
/* �`�F�b�N�{�b�N�X�͔�\���� */
.drawer-hidden {
  display: none;
}

/* �n���o�[�K�[�A�C�R���̐ݒu�X�y�[�X */
.drawer-open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* �d�Ȃ菇����ԏ�� */
  cursor: pointer;
	background: #eb6ea5;
}

/* �n���o�[�K�[���j���[�̃A�C�R�� */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #fff;
  transition: 0.5s;
  position: absolute; 
	bottom: 20px;
}

/* �O�{���̂�����ԏ�̖_�̈ʒu���� */
.drawer-open span:before {
  bottom: 8px;
}

/* �O�{���̂�����ԉ��̖_�̈ʒu���� */
.drawer-open span:after {
  top: 8px;
}

/* �A�C�R�����N���b�N���ꂽ��^�񒆂̐��𓧖��ɂ��� */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* �A�C�R�����N���b�N���ꂽ��A�C�R�����~��ɂȂ悤�ɏ㉺�̐�����] */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* ���j���[�̃f�U�C��*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* ���j���[����ʂ̊O�ɔ�΂� */
  z-index: 99;
  background: #054487;
  transition: .5s;
	display: flex;
	justify-content: center;
}
	.drawer-list{
		text-align: center;
		margin-top: 7em;
		font-size: 16px;
		width: 48%;
		list-style: none;
	}
	
	.drawer-item{
		border-bottom: solid 1px #727272;
		width: 50%;
		margin: 0 auto;
		padding: 0.7em;
		word-break: keep-all;
		height: 40px;
	}
	.drawer-item a{
		color: #FFFFFF;
	}
	.drawer-content .flex{
		justify-content: center;
		font-size: 2.5em;
		margin-top: 2em;
	}
	.drawer-content .flex li{
		padding: 0 5px;
	}
	.sp-menu-btm{
    width: 100%;
    font-size: 18px;
    margin:0 auto;

	}
	.sp-menu-btm li{
		text-align: center;
		width: 50%;
	}
	
	.sp-menu-up,.sp-menu-down{
		text-align: center;
	}
	.sp-menu-up a,.sp-menu-down a{
		color: #FFFFFF;
	}
	.sp-menu-up a{
		margin: 0 1em;
	}
	.sp-menu-up a:nth-child(1)::after{
		content: '|';
		position: relative;
		left: 15px;
	}
	.sp-menu-up{
		
	}
	.sp-menu-down{
		margin-top: 1em;
	}
/* �A�C�R�����N���b�N���ꂽ�烁�j���[��\�� */
#drawer-check:checked ~ .drawer-content {
  left: 0;/* ���j���[����ʂɓ���� */
}
	.drawer{
		background-color:#eb6ea5;
	}
	.sp-header-menu{
	position: absolute;
    font-weight: bold;
    z-index: 1000;
    font-size: 10px;
    right: 12px;
		top:7px;
		color: #FFFFFF;
	}
	.sp-header-close{
	display: none;
	position: absolute;
    font-weight: bold;
    z-index: 1000;
    font-size: 10px;
    right: 10px;
		top: 7px;
		color: #FFFFFF;
	}
	#drawer-check:checked ~ .sp-header-menu{
		display: none;
	}
	#drawer-check:checked ~ .sp-header-close{
		display: block;
	}
	.sp-nav{
	float: right;
    position: absolute;
    right: 30px;
    top: 15px;
	}
/*	.drawer-list-r li a{
		padding: 1em 0;
	}
	.drawer-list-r li{
		padding: 1em 0;
	}
	*/
	
/* 231107-------------------------------------------------------------- */
.sns{
	justify-content: center;
	margin: 20px 0 0 0;
}
}

@media screen and ( max-width:1024px) {
.wrap-fb {
	max-width: 460px;
	width: 49%;
	float: left;
	margin: 0 auto;
	text-align: center
}
.wrap-twitter {
	max-width: 460px;
	width: 49%;
	float: right;
	margin: 0 auto;
	text-align: center
}

.wrap-about {
  padding-left: 6%;
  padding-right: 6%;
}

p {
    padding-bottom: 10px;
}
.wrap-about h4.message {
    color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
    }
.bg-blue h4 {
    padding-top: 1rem;}
 .wrap-appli h3, .wrap-about h3, .wrap-company h3 {
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 9px;}
.wrap-appli h3, .wrap-about h3, .wrap-company h3 {
    margin: 20px auto 14px;
    padding-bottom: 6px;
    font-size: 136%;
    border-bottom: solid 1px #222222;}
 .bg-blue p {
    text-align: left;
}
.wrap-fb {
	text-align:center;
	margin: 0 auto 30px;
}

.wrap-twitter {
	text-align:center;
	margin: 0 auto;
}

}
/*-----------_210423�@�_��lj���2------------------------------*/  
@media screen and ( max-width:768px) {
    .j-wrap-img img{
        width:50%
    }



}