@charset "UTF-8";
html {
    scroll-behavior: smooth;
}
.seminar-box{
	width: auto;
	max-width: 1280px;
	min-height: 80px;
	margin: 20px auto 0 auto;
}

.background-container {
	display: flex;
	width: 100%;
}

.left-bg,
.right-bg {
	flex: 1;
}

.left-bg {
	background-color: #01afe8; /* 水色 */
}

.right-bg {
	background-color: #396aa8; /* 紺色 */
}

.kv-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	pointer-events: none;
}

.kv-inner img {
	width: 100%;
	max-width: 1280px;
	height: auto;
	display: block;
	pointer-events: auto;
}
.kv-sp{
	display: none;
}
.background-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}

.background-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: -1;
}


.title-day {
    margin: 0 auto 30px auto;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    display: flex; /* 親要素にフレックスボックスを指定 */
    justify-content: center; /* 子要素を中央揃え */
    font-size: 36px;
}

.title-day-w {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: #FFF solid 1px;
    font-weight: bold;
    font-size: 20px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	margin: 3px 0 0 5px; /* 上部のマージンを3px追加 */
}
h3{
	text-align: center;
	margin:30px auto 20px auto;	
}
.h3-box{
	color:#333;
	font-size:28px;
	font-weight:bold;
}
h4 {
    margin: 30px auto 20px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px; 
}
.r-txt{
	font-size:14px;
	line-height: 1.8em;
}
.zoom-logo{
	width:10%;
	display: block;
	margin:10px auto 20px auto;
	text-align: center;
}

.public-info .main .photo-20aut .serviceDetailsInner .serviceLogo .serviceLogoInner {
	width: 180px;
	margin: 0 auto;
}
/*.timetable-20aut table{
	position: relative;
	font-size: 14px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.timetable-20aut table,th,td{
	border-collapse: collapse;
}
.timetable-20aut table,.timetable-20aut tr{
	border: #ccc solid 1px;
}

.timetable-20aut td{
	border-left: #ccc dotted 1px;
}
.timetable-20aut th,.timetable-20aut td{
	padding:10px 8px ;
}
.timetable-20aut .t-1{
	padding:auto;
	text-align: center;
	background:#396aa8;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	display: inline-block;
	width:4em;
	height:32px;
	line-height: 32px;
	border-radius: 14px;
	-webkit-border-radius: 14px; 
	-moz-border-radius: 14px; 

}
.timetable-20aut .t-2{
	color:#396aa8;
	border:#396aa8 solid 2px;
	text-align: center;
	display: inline-block;
	border-radius: 14px;
	font-weight:bold;
	margin-right:5px;
	padding:3px 5px;
	line-height: 1em;
}
.timetable-20aut .t-3{
	font-size:14px;
	min-width: 8em;
	display: inline-block;
}*/
.txt-center{
	text-align: center;
}



.btn-20aut,.ondemand{
/*	background : #396aa8;
	background : rgba(52, 156, 73, 1);*/
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
/*	box-shadow : 0px 2.83px 0px rgba(17, 104, 29, 1);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2.83, Color='#11681D') ;*/
	margin:40px auto 40px auto;
	text-align: center;
	width:30%;
	min-width:12em;
	height:60px;
	display: inline-block;
}
.btn-20aut a,.ondemand a{
	display: block;
	/*color:#FFF;*/
	text-decoration: none;
	font-size:18px;
	font-weight:bold;	
	line-height: 60px;
	text-align: center;
}
.btn-20aut:focus,.ondemand:focus {
    outline: none; 
}
.btn-20aut:hover,.ondemand:hover {
    text-decoration: none;
    opacity: 0.7;
}

.table-green-btn{
	background : #E5A846;
	background : rgba(229, 168, 70, 1);
	box-shadow : 0px 7px 0px rgba(183, 131, 55, 1);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=7, Color='#B78337') ;
}
.table-green-btn a{
	color:#FFF;
}
.movie-btn{
	background : #FF0000;
	background : rgba(255, 0, 0, 1);
	box-shadow : 0px 7px 0px rgba(102, 0, 0, 0.75);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=7, Color='#660000') ;
}
.movie-btn a{
	color:#FFF;
}
.movie-icon {
    width:30px;
	margin:0 10px 17px auto;
}
.btn-box{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin:0;
	padding:0;
}
.table-day{
	background: #396AA8;
	color:#F5C51D;
	font-weight:bold;
	font-size:2.4rem;
	padding:auto;
	line-height: 1em;
}
.kome-txt{
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	line-height:1.5em;
	text-align: center;
}
.kigen{
	margin:40px 0 60px 0;
	padding:20px 10px 20px 10px;
	background: #e2e5f1;
	text-align: center;
	display: block;
	border-radius: 14px;
	-webkit-border-radius: 14px; 
	-moz-border-radius: 14px; 
}

.kigen-L-txt{
	font-size:22px;
	font-weight:bold;
}
.kigen-txt{
	font-size:14px;
	font-weight:normal;
}

.acd-check{
    display: none;
}
.acd-label{
    background: #396aa8;
    color: #FFF;
	font-weight:bold;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
	width:20em;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
}
.acd-label:after{
    /*background: #00479d;*/
    box-sizing: border-box;
    /*content: '\f067';*/
    display: block;
    /*font-family: "Font Awesome 5 Free";*/
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 50px;/*画像の幅*/
	height: 50px;/*画像の高さ*/
	background-image: url(../../images/close2.png);
	background-size: contain;
	vertical-align: middle;
}
.acd-content{
   /*border: 1px solid #333;*/
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	text-align: left;
	font-size:14px;
}
.acd-check:checked + .acd-label:after{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 50px;/*画像の幅*/
	height: 50px;/*画像の高さ*/
	background-image: url(../../images/open2.png);
	background-size: contain;
	vertical-align: middle;
	
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
.ol-number{
	margin:0;
	padding:0; 
	list-style:none;
}
.ol-number li{
	margin-top: 0;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 23px;
}
.ol-number li:before{
	counter-increment: number;
	content: counter(number);
	float: left;
	background: #396aa8;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	text-shadow: none;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: -23px;
}
.ol-number{
	counter-reset:number;
	list-style:none;
	margin-bottom:10px
}
.green{
	color:#396aa8;
}

.seminar-info-box{
	background: #222226;
	/*padding:20px 40px 0 40px;*/
	padding:20px 40px;
	color:#FFF;
	font-size:14px;
	line-height: 1.8em;
	margin-bottom:0;	
}
.seminar-info-txt{
	max-width: 1280px;
	margin-left:auto;
	margin-right:auto;
	/*margin-bottom:0;*/
	padding-bottom:20px;
}
.seminar-info-txt a{
	color:#FFF;
}
.seminar-info-box h5{
	border:#FFF solid 1px;
	padding:0 5px;
	display: inline-block;
	margin-bottom:10px;

}
.seminar-info-box span{
	display: inline-block;
}
.txt12{
	font-size:12px;
	color:#666;
	line-height:1.6em;
}
.red-txt{
	color:#ff0033;
	font-size:15px;
	font-weight:600;
	text-align: center;
	margin:40px 4% 20px 4%;
}

strong{
	font-weight:bold;
}

/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.sp-display{
	display: none;
}
.pc-display{
	display: block;
}
.genre-br{
	display: block;
}

.fix-btn-box{
	position: fixed;
	bottom:0;
	right:0;
	width:100%;
	background : rgba(0, 0, 0, 0.3);
	z-index:999;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:auto;
	padding-right:auto;
	text-align: center;

}
.width-box{
	max-width: 1280px;
}
/*#fullOverlay{
	position: absolute;
	left: 0; top: 20%;
	width: 100%; height: 50%;
	background: rgba(100, 100, 100, 0);
	z-index: 2147483647;
}
#fullOverlay .text{
	position: absolute;
	left: 50%; top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	color: rgba(250, 250, 250, 1);
	font-size: 24px;
	text-align: center;
	font-weight: bold;

}

.timetable-20aut h5 {
    background: #396aa8;
    padding: 3px 5px;
	line-height:1em;
    color: #FFF;
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-bottom: 5px; 
}*/
.table-week2 {
	font-size:0.7em;
    border: #F5C51D solid 1px;
    margin: 0 0 0 5px;
	/*width:2em;*/
	display: inline-block;
    padding: 2px 2px; /* 上下左右の余白を調整 */
    text-align: center;
    line-height: 1; /* 正方形に近づけるために行の高さを調整 */
}


/*  ↓↓↓↓↓お申込みボタン画面右start#e5a846 ↓↓↓↓↓ */
/* 共通スタイル */
.button {
    display: inline-block;
    padding: 16px 24px;
    color: white;
    background-color: #e5a846;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; 
    z-index: 1000; /* 他の要素より上に表示 */
	font-size:22px;
}

/* 初期位置でのスタイル（PC表示時） */
.sticky-button {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000; /* 他の要素より上に表示 */
}

/* 縦書きスタイル（PC表示時） */
@media (min-width: 601px) {
    .button {
        writing-mode: vertical-rl;
        text-orientation: upright;
        padding: 20px 10px;
    }
}

/* スマホスタイル */
@media (max-width: 600px) {
    .sticky-button {
        position: fixed;
        right: 0;
        bottom: 0; /* 垂直位置を一番下に */
        top: auto; /* スマホ時にtopを無効に */
        transform: none; /* スマホ時にtranslateYを無効に */
        width: 100%;
        text-align: center;
        z-index: 1000; /* 他の要素より上に表示 */
		padding: 10px auto;

    }

    .button {
        width: 100%;
        padding:auto;
        border-radius: 0;
        writing-mode: horizontal-tb; /* スマホでは通常の横書きに戻す */
    }
}

/*  　↑↑↑↑↑　お申込みボタン画面右end ↑↑↑↑↑ */

.kigen-title-day {
    margin: 0 auto -10px auto;
    text-align: center;
    color: #333;
    font-weight: bold;
    display: flex;
    justify-content: center; 
    font-size: 24px;
	padding-top:0;
	line-height: 1.5em;
}

  .anchor-adjust {
    display: block;
/*    height: 10px; 
    margin-top: -10px; 
    visibility: hidden; */
  }

.red-txt2{
	color:#FF0033;
	font-weight:bold;
	text-align: center;
	font-size:1.4em;
	margin-bottom:20px;
}
.mt20{
	margin-top:20px !important;
	
}
.banner-box1{
	text-align: center;
	margin:0 auto 40px auto;
	
}
.banner-box1 img{
	width:46%;
	
}

.time-box{
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	padding:16px;
	margin:0 auto 20px auto;
	display: flex;
	justify-content: flex-start;
	font-size:14px;
	gap:16px;
}
.keynote{
	background: #e2e5f1;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 1px;
	border-left: #ccc solid 1px;
}
.special{
	background: #f2f2f2;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 1px;
	border-left: #ccc solid 1px;
}
.normal{
	background: #fff;
	border: #ccc solid 1px;
	
}
.topic-label{
	text-align: center;
	margin:0 auto 0 auto;
	
}
.topic-label .label-keynote{
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	padding:4px 8px;
	background:#396aa8;
	border-radius: 14px;
	-webkit-border-radius: 14px; 
	-moz-border-radius: 14px; 
	line-height: 1em;

}
.topic-label .label-special{
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	padding:4px 8px;
	background:#333;
	border-radius: 14px;
	-webkit-border-radius: 14px; 
	-moz-border-radius: 14px; 
	line-height: 1em;

}

.topic h4{
	color:#396aa8;
	font-weight:bold;
	margin:0 auto 20px auto;
	text-align: center;
	display: block;
	font-size:18px;
	line-height: 1.4;
	overflow-wrap:break-word;
	word-break: break-word;
	white-space: normal;
	height:auto;
}

.topic h5{
	font-size:14px;
	border: #333 solid 1px;
	padding:3px;
	display: inline-block;
	line-height: 1em;
}
.mb10{
	margin-bottom:10px;
	
}
.mb20{
	margin-bottom:20px;
	
}
.mb40{
	margin-bottom:40px;
	
}
.mt10{
	margin-top:10px !important;
}

.mt30{
	margin-top:30px;
	
}
.mt40{
	margin-top:40px;
	
}
.day-time{
	padding:0 0 0 0;
	text-align:center;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}
.day-time p{
	color:#396aa8;
	font-weight:bold;
	font-size:18px;
	display: block;
}
.time-box-week{
	font-size:12px;
    border: #396aa8 solid 1px;
    margin: 0 0 0 5px;
	/*width:2em;*/
	display: inline-block;
    padding: 2px 2px; 
    text-align: center;
    line-height: 1; /* 正方形に近づけるために */
}
.topic{
	flex:1;
	min-width: 0;
}
.topic strong{
	font-size:18px;
	font-weight:bold;
} 
.day-time-prof{
	display: flex;
	justify-content: space-between;
}
.day-time-prof-img{
	width:14%;
	
}
.day-time-prof-img img{
	width:100%;
	
}
.day-time-prof-txt{
	width:84%;
	
}
.sp-txt{
	display: none;
}
.movie-img{
	width:80%;
	padding:5% 14%;
	margin:20px auto 20px auto;
	background: #000;
	
}
.movie-img img{
	width:100%;
	margin:auto;
	display: block;
}
.w80{
	width:80%;
	margin:0 auto;
}
.movie-box {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
	margin:20px auto 20px auto;
	width:100%;
	margin-top:10px;
}
.movie-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	box-sizing:border-box;
	display: block;
}
.overview{
	width:80%;	
	margin:0 auto 40px auto
}
.movie-btn{
	background : #FF0000;
	background : rgba(255, 0, 0, 1);
	box-shadow : 0px 7px 0px rgba(102, 0, 0, 0.75);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=7, Color='#660000') ;
}
.movie-btn a{
	color:#FFF;
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 1300px) {
.h2-main{
	font-size:40px;
}

}
/* ------------------------------------------------------------ */

@media screen and (max-width: 1280px) {
.seminar-box{
	width:96%;
	margin-right:auto;
	margin-left:auto;
}	
.title-box img{
	width:100%;
}
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 1200px) {
.main-bg{
	background-image:url("../images/main3@2x.png"),url("../images/main2@2x.png");
	background-position: left center,right center;
}	
/*.day-time{
	width:10%;
}
.topic{
	width:88%;
}*/
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 1130px) {
.h2-main{
	font-size:36px;
}
.free{
	left:1%;
}
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 1024px) {

	
}	
/* ------------------------------------------------------------ */

@media screen and (max-width: 1000px) {

.h2-main{
	font-size:30px;
}
.free{
	left:5%;
}	
.h2-txt{
	font-size:22px;
		text-shadow:
	0 0 2px #396aa8,
    -1px -1px 2px #396aa8,
     1px -1px 2px #396aa8,
    -1px  1px 2px #396aa8,
     1px  1px 2px #396aa8;
}

.h3-box{
	font-size:22px;
}
h3:first-of-type{
	margin:60px auto 20px auto;	
}
.banner-box1 img{
	width:60%;
	
}	
}	
/* ------------------------------------------------------------ */

@media screen and (max-width: 950px) {
.free{
	left:3%;
}	
/*.day-time{
	width:12%;
}
.topic{
	width:86%;
}*/	
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 900px) {
.free{
	left:1%;
}

}
/* ------------------------------------------------------------ */

@media screen and (max-width: 850px) {

.ondemand{
	width:60%;
	min-width:18em;
}	
.free{
	display: none;
}
.free2{
	width: 60px;
    height: 60px;
    background-color: #e5a846;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: white;
    font-size: 20px;
	position: absolute;
	bottom:6%;
	left:22%;

}
/*.day-time{
	width:14%;
}
.topic{
	width:84%;
}*/	
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 800px) {
.eventdate{
	font-size:26px;
	margin:2% auto 20px auto;
	height:34px;
}
.day-of-week{
	width: 23px;
	height: 23px;
	font-size:14px;
	line-height: 1.5em;
	top:-6px;
}
.h2-txt{
	font-size:18px;
}
.movie-btn{
	width:80%;
}
.h2-main{
	font-size:26px;
}
.movie-btn{
	width:80%;
}	
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 768px) {
.btn-20aut2{
	width:30em;

}
.timetable-20aut h2 {
	margin:0 auto;
}
.timetable-20aut{
	margin: 0 auto 40px auto;
}

.serviceDetails{
	margin-bottom:0 !important;
	padding-bottom:0!important;
}
.acd-content{
   font-size:14px;
}
.zoom-logo{
	width:12%;
	display: block;
	margin:8px auto 14px auto;
}
.free2{
	left:18%;
}

.button {
	font-size:18px;
}
.movie-img{
	width:100%;
	padding:5%;
}	
.movie-box {
	width:100%;
	margin:20px auto 20px auto;
}	
.overview,.w80{
	width:100%;	
}

}
/* ------------------------------------------------------------ */

@media screen and (max-width: 700px) {
.h2-main{
	font-size:22px;
	margin:40px 16px;
}
.time-box{
	display: block;
}
.topic h4{
	margin:0 auto 10px auto;
}
.topic{
	width:100%;
}	
.day-time{
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
	flex-direction: row;
	justify-content: center;
}
.day-time p{
	display: inline;
}	
.t-3{
	margin-left:20px;
}	
.day-time-prof-img{
	width:24%;
	
}	
.day-time-prof-txt{
	width:72%;
	
}	
}	
/* ------------------------------------------------------------ */

@media screen and (max-width: 675px) {

/*.free{
	width: 60px;
    height: 60px;
    font-size: 24px;
	top:10%;
	left:4%;
}*/	
.eventdate{
	margin:3% auto 20px auto;
}
.title-day {
    font-size: 30px;
}
.title-day-w {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
	margin: 8px 0 0 5px;
}
/*.free{
	left:2%;
}	*/
.kigen{
	margin:40px 0 30px 0;
}	
}	

/* ------------------------------------------------------------ */

@media screen and (max-width: 600px) {
h3{
	margin:40px auto 10px auto;	
}	
.h3-box{
	font-size:24px;
}
h4 {
    height: 38px; 
}

.h4-day {
    font-size: 24px;
    height: 38px;
    line-height: 38px;
}
.h4-week {
	font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}


/*.title-box-txt{
	background:url("../images/main_img2.png")no-repeat right bottom -10px;
	background-size:20%;
}*/
/*.free{
	top:3%;
	left:2%;
}*/
.genre-br{
	display: none;
}	
.kigen-title-daytitle-box {
    font-size:20px;
}
	
.zoom-logo{
	width:16%;
}
	
.main-bg{
	background-image:url("../images/main5@2x.png");
	background-position: right bottom 2%;
	background-size:auto 40%;
}	
.banner-box1 img{
	width:100%;
	
}	
.sp-txt{
	display: block;
}
.background-wrapper {
	display: none;
}
.kv-sp{
	display: block;
}
.kv-sp img{
	width:100%;
}	
	}
/* ------------------------------------------------------------ */

@media screen and (max-width: 599px) {

.sp-display{
	display: block;
}
.pc-display{
	display: none;
}

.timetable-20aut td{
	border-left: none;
}	
/*.timetable-20aut tr:nth-of-type(1),.timetable-20aut tr:nth-of-type(3){
	background: #f3f1f1;
}
.timetable-20aut tr td{
	border-bottom: #ccc solid 1px;
}
.timetable-20aut th,.timetable-20aut td{
	width:100%;
	display: block;
	padding:20px 8px ;
}
.timetable-20aut td{
	padding:0 8px 20px 8px ;
}	
.timetable-20aut th{
	padding:20px 8px 10px 8px ;
}
.timetable-20aut .t-3{
	display: inline;
	margin-left:10px;
}*/	
.btn-20aut{
	width:70%;
	margin:30px auto 30px auto;
}
.balloon1-box{
	width:100%;
}
.seminar-info-box{
	padding:20px;
	font-size:12px;
}

.h2-main{
	/*line-height: 1.5em;*/
	padding:10px 8px;
}
.free2{
	width: 50px;
    height: 50px;
    font-size: 18px;
	left:16%;

}	
.ondemand{
	width:90%;
	min-width:20em;
}
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 540px) {
.title-box-corner{
	width:23%;
}	
	
.kome-txt{
	margin-left:3%;
	margin-right:3%;
	text-align: left;
}
.center-box{
	margin:20px 4%;
	display: inline-block;
}	
.h2-main{
	font-size:26px;
}
.h3-box{
	font-size:18px;
}	
.topic strong{
	font-size:16px;
} 
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 532px) {

	
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 520px) {

.main-bg{
	background-size:auto 30%;
}
}		
/* ------------------------------------------------------------ */

@media screen and (max-width: 500px) {


}
/* ------------------------------------------------------------ */

@media screen and (max-width: 480px) {
/*.free{
    height: 30px;
	line-height: 27px;
    border-radius: 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    top: 30px;
    left: auto;
   	margin: 0 auto;
	width:3em;
}*/
.h2-area{
	padding-top:20px;
}	
}		


/* ------------------------------------------------------------ */

@media screen and (max-width: 470px) {
.free2{
	left:10%;

}	
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 460px) {

.h2-main{
	font-size:23px;
	margin:10px 16px 20px 16px;
}
/*.title-box-txt{
	background:url("../images/main_img2.png")no-repeat right bottom 10px;
	background-size:20%;
}	*/
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 440px) {
.h2-main{
	font-size:20px;
}
/*.title-box-txt{
	background:url("../images/main_img2.png")no-repeat right 10px top 5px;
	background-size:20%;
}*/
.kigen-title-day {
    font-size:16px;
}

}	
/* ------------------------------------------------------------ */

@media screen and (max-width: 420px) {
.acd-label{
	width:auto;
	padding: 10px 36px 10px 10px;
}
		
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 415px) {
.timetable-20aut{
	margin: 0 auto 40px auto;
}

.center-box{
	margin:20px 4%;
	display: inline-block;
}	
.btn-20aut.btn-20aut2{
	width:80%;
}
	
.kome-txt{
	margin-left:4%;
	margin-right:4%;
}	
.ondemand{
	width:96%;
	min-width:22em;
}
.button {
	font-size:18px;
}
.free2{
	left:4%;
bottom:8%;
}		
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 390px) {

/*.free{
	top:15%;
}*/

.h2-txt{
	font-size:14px;
}
.h3-box{
	font-size:16px;
}	
.title-day {
    font-size: 26px;
}
.title-day-w {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
	margin: 10px 0 0 5px;
}		
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 376px) {

.btn-20aut2{
	width:90%;
}
		
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 360px) {

.h2-main{
	font-size:18px;
}
.h2-txt{
	font-size:14px;
}
.kigen-title-day {
    font-size:14px;
}
.button {
    padding: 16px 20px;

}
.movie-btn{
	width:98%;
}		
}

/* ------------------------------------------------------------ */

@media screen and (max-width: 330px) {
.h2-main{
	font-size:16px;
}	
.h2-txt{
	font-size:12px;
}
.button {
    padding: 16px;
	font-size:16px;

}		
}
/* ------------------------------------------------------------ */

@media screen and (max-width: 320px) {

.btn-20aut a{
	font-size:17px;
}
.title-day {
    font-size: 20px;
}
.title-day-w {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
	margin: 10px 0 0 5px;
}

}