@charset "utf-8";
@media (max-width: 1200px) {

	.container-fluid.article .style02 h3 {
		margin: 10px 0;
	}
	.container-fluid.article .style01 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.container-fluid.article .style01 h3 {
		padding-top: 50px;
	}
	.Opening ul li img.Opening__text{
		width: 80%;
	}
	.container-fluid.article .container {
		margin-top: 200px;
	}
	#company .container-fluid.profile .info {
		padding-left: 15px;
	}
	#index .main .article dl dt {
		margin-bottom: 0;
	}
	span.block-md {
		display: block;
	}
	.waku {
		padding: 50px 30px 30px 30px;		
	}
	#point .waku {
		padding: 30px;
	}
	#mypage .section#section1,
	#mypage .section#section2,
	#mypage .section#section3,
	#mypage .section#section4,
	#mypage .section#section5,
	#mypage .section#section6,
	#mypage .section#section7,
	#mypage .section#section8,
	#mypage .section#section9,
	#mypage .section#section10,
	#mypage .section#section11 {
		margin-top:0px;
		padding-top:0px;
		margin-bottom: 30px;
	}
	#index h2.underline {
		border: none;
		padding-bottom: 0;
	}
}
@media (max-width: 992px) {
	.message_area {
		letter-spacing: 0px;
		font-size: 0.9em;
	}
	.message_area .glyphicon {
		display: none;
	}
	.mypage_change>ul,
	.waku,
	.page-in {
		width: 100%;
	}
	.table,
	.color-box {
		width: 90%;
	}
	.block-lg {
		display: inline;
	}	
	#point h2 {
		width: 100%;
	}
	.h1_title {
		margin: 0 0 50px 0;
	}
	div.arrow_years {
		margin-left: 0;
	}
	.inner {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footsubnav .container {
		border-top: none;
	}
	.container.topspacenone {
		padding-top: 0;
	}
	.scale {
		background: none;
	}		
	.container-fluid.article .container {
		margin-top: 120px;
	}
	.container-fluid.article .group {
		margin-bottom: 30px;
	}
	.container-fluid.article h2{
		margin-bottom: 20px;
	}
	.container-fluid.article .style01 {
		padding-left: 0;
		padding-right: 0;
	}
	.container-fluid.article .style01 h3 {
		padding-top: 0px;
	}
	.article .style01, .article .style02, .article .style03 {
		margin-bottom: 20px;
	}
	.article .style01 h3, .article .style02 h3, .article .style03 h3 {
	}
	.container-fluid.article .style02 .group dd {
		padding: 0px 10px;
	}
	#index .news {
		margin-bottom: 20px;	
	}
	#index .ban-news .alert {
		margin-bottom: 10px;
		padding: 5px;
		font-size: 0.9em;
	}
	#index .ban-news .alert:last-child {
		margin-bottom: 0;
	}
	#index .movie img {
		margin-bottom: 10px;
		border-radius: 5px;
	}
	#index .movie .container {
		padding-bottom: 0;
	}
	#index .footnav .col-xs-4 {
		padding: 0 10px;
	}
	#index .footnav li .glyphicon {
		display: block;
		padding:0 0 10px 0;
		font-size: 2.2em;
	}
	.footnav .container {
		padding: 10px 0;
	}
	#mypage .course-list .course {
		margin-bottom: 0;
	}
}
@media (min-width: 768px){
		
}

@media (max-width: 767px) {
	body, html { 
    	font-size: 15px;
	}
	small, .small {
		line-height: 1.4em;
	}
	header {
		height: 75px;
		padding-top: 0;
	}
	.message_area {
		font-size: 0.8em;
		line-height: 1.5em;
	}
	.block-sm{
		display: block;
		padding: 0;
	}
	.is-animation {
  		height: 75px;
	}
	.main {
		padding-top: 75px;
	}	
	header .logo {
		text-align: left;
	}
	header .logoimg img {
		max-width: 380px;
	}
	header div.arrow_years {
		margin: 0px;
		margin-top: 5px;
		letter-spacing: 0px;
		text-align: center;
	}
	header div.years {
		text-align: center;
		margin: 0;
	}
	header div.years span.year_titile {
		display: block;
		padding-bottom: 5px;	
	}
        header div.hide-small {
            font-size: 11px;
        }
	header .btn_menu {
		position: fixed;
		top: 10px;
		right: 10px;
	}
	header .btn_menu a {
		padding: 2px 8px 5px 8px;
		box-shadow: 0px 3px #CCC;
	}
	header .btn_menu a span.glyphicon {
		font-size: 20px;
	}
	
	header .btn_menu a p {
		font-size: 9px;
	}
	.container {
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.container-fluid.message_area p {
		letter-spacing: normal;
		font-size: 13px;		
	}
	.Opening ul li img.Opening__text{
		width: 85%;
	}
	.mypage_change>ul {
		width: 96%;
	}
	.waku {
		width: 100%;
		border: none;
		box-shadow: none;
		margin-bottom: 0;
		padding: 10px 0 20px 0;		
	}
	.pager {
		margin: 0 0 10px 0;
	}
	.pager li>a {
		padding: 1px 5px;
	}
	#point .waku {
		padding: 10px;
	}	
	#point .table {
		margin-bottom: 0;
	}
	.contents p {
		text-align: left;
	}
	.contents p.bg-danger,
	.contents .movie p.title {
		text-align: center;
	}
	p.text {
		text-align: left;
	}	
	.h1_title {
		background: none;
		margin: 0;
		padding: 0;
	}
	.h1_title h1 {
		color: #FFFFFF;
		font-weight: bold;
	}
	h2 {
		letter-spacing: normal;
		margin-bottom: 20px;
	}
	#point h2 {
		width: 96%;
	}
	h2.bg-info {
		margin-bottom: 20px;
	}
	.line.bk {
		margin-bottom: 3px;
	}
	h3 {
		font-size: 1.1em;
		margin-top: 10px;
	}
	h4 {
		padding: 0.5em 1em;
		font-size: 1.1em;
		margin-bottom: 15px;
		margin-top: 0px;
		background: #EEEEEE;
		color:#0048A6;
		border-top: 3px solid #0048A6;
		line-height: 1.4em;
		letter-spacing: 0;
	}
	h5 {
		font-size: 1.1em;
		margin-bottom: 0.5em;
	}
	.title {
		font-size: 1.1em;
		font-weight: bolder;
	}
	.title_big {
		letter-spacing: 0;
		line-height: 1.4em;
		font-size: 1.2em;
	}	
	a.style_waku {
		margin-top: 0;
	}	
	p.arrow {
		width: 40%;
		margin: auto;
	}
	.Opening ul li p.Opening__btn {
		position: absolute;
		top: 83%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		z-index: 10;
	}
	.Opening ul li p.Opening__btn a {
		padding: 1px 0px;
		font-size: 0.8em;
		width: 180px;
	}	
	.main .point_area p {
		text-align: left;
	}		
	
	#loginform .container {
		padding-top: 10px;
	}
	#loginform input.form-control {
		width: 80%;
		max-width: 300px;
	}
	#index .main .article dl dt {
		margin-bottom: 10px;
	}
	h2 {
		padding-top: 10px;
		font-size: 1.4em;
		font-weight: bold;
		letter-spacing: normal;
	}
	body.sub .main h2 {
		padding-top: 0;
	}
	#topix h2 {
		text-align: left;
	}
	#index .point_area h2 {
		padding-top: 0;
	}
	#index .news dt {
		font-size: 0.9em;	
	}
	.main .notopen p {
		line-height: 1.2em;
	}
	.container-fluid.point_area .btn_point {
		margin: 7px 0;
	}
	.container-fluid.point_area .col-xs-4,
	.container-fluid.list .col-xs-4 {
		padding-left: 5px;
		padding-right: 5px;
	}
	#point .table td {
		padding-left: 5px;
		padding-right: 5px;
	}
	.cbp-spmenu a.entry_apply, 
	.cbp-spmenu a.entry_again {
		padding: 8px 0;
	}
	.table,
	.color-box {
		width: 100%;
	}
	.color-box,
	.color-box.color-box-danger,
	.color-box.color-box-info {
		padding: 15px 10px;
	}
	.color-box .title {
		font-size: 1.1em;
	}
	.btn_area .apply_btn img {
		float: none;
		text-align: center;
	}
	.btn_area .again_btn img {
		float: none;
		text-align: center;
	}
	#entry .boder {
		padding: 10px 5px;
	}
	#pass dl.dl-horizontal,
	#customer dl.dl-horizontal,
	#contact dl.dl-horizontal,
	#entry dl.dl-horizontal {
		border: none;
	}
	#pass dl.dl-horizontal dt,
	#customer dl.dl-horizontal dt,
	#contact dl.dl-horizontal dt,
	#entry dl.dl-horizontal dt {
		width: 100%;
		padding: 5px 5px;
		border: none;	
	}
	#pass dl.dl-horizontal dd,
	#customer dl.dl-horizontal dd,
	#contact dl.dl-horizontal dd,
	#entry dl.dl-horizontal dd {
		margin-left: 0;	
		border: none;
		padding: 5px 0 15px 0;		
	}
	#pass dl.dl-horizontal .form-control.input-large,
	#customer dl.dl-horizontal .form-control.input-large,
	#contact dl.dl-horizontal .form-control.input-large,
	#entry dl.dl-horizontal .form-control.input-large {
		width: 100%;
		margin: 0;
	}
	body#pass dl.dl-horizontal dd,
	body#customer dl.dl-horizontal dd,
	body#contact dl.dl-horizontal dd,
	body#entry dl.dl-horizontal dd {
		text-align: left;
		border: none;
		padding: 5px 0 15px 0;
	}	
	#entry .boder .category {
		margin-bottom: 0;
	}
	#apply .main h1,
	#again .main h1 {
		font-size: 1.2em;
		line-height: 1.4em;
		margin-bottom: 0;
		letter-spacing: 0;
	}
	#apply .main h1 img,
	#again .main h1 img {
		display: none;
	}
	#apply .main h1 img, #again .main h1 img {
		vertical-align: middle;
	}
	input[type=checkbox], input[type=radio] {
		margin: 5px 5px 5px 10px;
	}
	#logo2 p {
		font-size: 16px;
	}
	body.sub .main .waku .category {
		margin: 0 0px 15px 0px;
	}
	.course-head:after {
		left: 6%;
	}
	.course table.title td.title_dt {
		padding: 10px 0 10px 5px;
		width: 60px;
	}
	.course table.title td.title_dt span{
		width: 46px;
		height: 46px;
		line-height: 46px;
	}
	#mypage .course table.title td.title_dt span{
		margin-top: 0;
	}
	.course table.title td.title_dd {
		padding: 10px 10px 10px 0px;
	}
	.course table.title td.title_dd span {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.course-list dl.title dt {
		width: auto;
		display: inline-block;
		float: left;
		width: 56px;
		height: 56px;
		margin: 10px;
	}
	.course-list dl.title dd {
		margin-left: 76px;
		padding-top: 15px;
	}
	.course-head:after {
	}
		#mypage .section#section1,
#mypage .section#section2,
#mypage .section#section3,
#mypage .section#section4,
#mypage .section#section5,
#mypage .section#section6,
#mypage .section#section7,
#mypage .section#section8,
#mypage .section#section9,
#mypage .section#section10,
#mypage .section#section11
	 {
		margin-top:-70px;
		padding-top:70px;
	}
	.mypage_change>ul {
		width: 100%;
	}
	.mypage_change .nav-tabs li a {
		width: auto;
	}
	.mypage_change .nav-tabs>li>a {
		font-size: 0.9em;
	}
	.nav-tabs>li>a {
		margin-right: 0;
	}
	#customer .container {
		padding-left: 5px;
		padding-right: 5px;		
	}
	#customer .container .waku {
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
	}
	.color-box {
		margin-bottom: 10px;
	}
	p.text-center input.btn {
		margin-bottom: 10px;
	}
	.btn_area .left_btn,
	.btn_area .right_btn {
		float: none;
		text-align: center;
	}
	.btn_area .left_btn img,
	.btn_area .right_btn img {
		max-width: 90%;
		
	}
	body#movie dl.program dd {
		margin-left: 0.5em;
	}
	#sankahyo dl.program dd {
		margin-left: 0;
	}

}
@media only screen and (max-width : 549px) {

	.main p {
		line-height: 1.6em;
	}
	body.sub .main h1:after {
		left: 46%;
	}
	header {
		height: 60px;
		padding-top: 0;
	}
	.btn_area p.arrow img {
		width: 150px;
	}
	.btn_area .container {
		padding-bottom: 30px;
	}
	.is-animation {
  		height: 60px;
	}
	.main {
		padding-top: 60px;
	}	
	header .logoimg{
		margin: 0px;
		margin-top: 0;
	}
	header .logoimg img {
		width: 80%;
		padding-top: 5px;
	}
	
	body#loginform header .logoimg img {
		width: 100%;
	}
	header .logo {

	}
	header .logo h1 {
		text-align: left;
		line-height: 1em;
	}
	header div.arrow_years {
		display: block;
		padding-bottom: 0;
		background: none;
		margin: auto;
		letter-spacing: 0.1em;
		text-align: center;
		width: 5em;
                float: left;
                margin-left: 40px;
	}
	header div.years {
		padding: 5px 0;
		text-align: center;
		vertical-align: 10px;
		font-size: 11px;
		line-height: 1em;
		letter-spacing: 0;
		border-radius: 0;
	}
        header div.hide-small {
            display: none;
        }
        header div.v-small {
		font-size: 11px;
            display: block;
            float: left;
        }
	header div.years span.year_titile {
		display: inline-block;
		padding: 2px;
	}
	header .years span.num {
		font-size: 1em;
	}
	
	header .btn_menu {
		position: fixed;
		top: 8px;
		right: 8px;
	}
	header .btn_menu a {
		padding: 0 5px 5px 5px;
		box-shadow: 0px 3px #CCC;
	}
	header .btn_menu a span.glyphicon {
		font-size: 16px;
	}
	
	header .btn_menu a p {
		font-size: 9px;
	}
	h2 {
		padding-bottom: 8px;		
	}
	h2.bg-info {
		font-size: 1.3em;
	}
	.copyright p {
		font-size: 0.7em;
	}
	.btn_area a {
		margin: 0 10px 20px 10px;
	}
	body.sub .main h1 {
	  padding: 0.5em;
	  letter-spacing: 1px;
	  font-weight: bold;
	  font-size: 1.2em;
	  margin-bottom: 5px;
	}
	body.sub .main h1:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 50%;
		border: 10px solid transparent;
		border-top: 10px solid #0048A6;
		width: 0;
		height: 0;
	}

	#point h2 {
		font-size: 1.2em;
		letter-spacing: normal;
		border-radius: 20px 20px 0 0;
	}
	#point .container-fluid.list {
		padding-bottom: 10px;
	}
	#point .btn_point {
		margin-bottom: 10px;
	}
	#point .waku {
		padding-top: 10px;
	}
	#point .table {
		font-size: 1em;
	}
	#point .table th {
		min-width:5em;
	}
	.waku .category {
		margin-bottom: 20px;
	}
	#logo2 p {
		font-size: 12px;
	}
	.customerstyle {
		font-size: 12px;
	}
	#customer .contents p.text-center {
		text-align: center;
		margin: auto;
	}
	.table td {
		font-size: 0.9em;
		padding: 5px 2px;
	}	 
	.main .news .glyphicon {
		padding-right: 0;
	}
	.news .dl-horizontal dt {
		float: none;		
	}
	.news .dl-horizontal dd {
		margin-left: 0;	
	}
	#index h2 {
		padding-top: 5px;
	}
	#index .footnav li a {
		font-size: 0.9em;
		font-weight: bold;
		line-height: 1.2em;
	}
	#index .footnav li .glyphicon {
	}
	#mypage .course-list {
		padding-left: 0;
		padding-right: 0;
	}
	#mypage_result select {
	}
	.contents .point {
		text-align: center;
		border: 1px solid #CCC;
		padding: 5px;
		width: 100%;
		margin-bottom: 10px;
		background-color: #FFC;
	}
	.contents .point p {
		text-align: center;
	}
	#learning .point p,
	#mypage_result .point p {
		font-size: 1.2em;
	}
	#learning .alert-danger,
	#mypage_result .alert-danger {
		text-align: left;
	}
	#learning h2, #mypage_result h2 {
		font-size: 1.1em;
		font-weight: bold;
	}
	.course-list dl.title dt {
		width: 46px;
		height: 46px;
		line-height: 45px;
	}
	.course dl.title dd {
		font-size: 1em;
		font-weight: bold;
		padding-top: 12px;
		margin-left: 60px;
	}
	#learning td.icon,
	#mypage_result td.icon {
		width: 120px;
	}
	#mypage_result .table td.answer {
		font-size: 1.3em;
		font-weight: bold;
	}
	.section#section1,
	.section#section2,
	.section#section3,
	.section#section4,
	.section#section5,
	.section#section6,
	.section#section7,
	.section#section8,
	.section#section9,
	.section#section10,
	.section#section11,
	.section#section12,
	.section#section13,
	.section#section14,
	.section#section15,
	.section#section16,
	.section#section17,
	.section#section18,
	.section#section19,
	.section#section20
	 {
		margin-top:-65px;
		padding-top:65px;
	}
	.course-list#section1,
	.course-list#section2,
	.course-list#section3,
	.course-list#section4,
	.course-list#section5,
	.course-list#section6,
	.course-list#section7,
	.course-list#section8,
	.course-list#section9 {
		margin-top:-65px;
		padding-top:65px;
	
	}
}
@media screen and (min-width: 0px) and (max-device-width: 320px) {	
	
}