#movie-visual {
    height: 44vw;
    position: relative;
    
}
#movie-visual.ver2 {
    height: 39vw;
    
}
#movie-visual .swiper-container {
    height: 100%;
}
#movie-visual .slide {
    height: 100%;
    position: relative;
}
#movie-visual .slide .blk{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#movie-visual .slide .blk.bg01 {
    background-image: url("../../images/slide01.jpg");
}
#movie-visual.ver2 .slide .blk.bg01 {
    background-image: url("../../images/slide04.jpg")
}
#movie-visual.ver2 .slide .blk.bg02 {
   background-image: url("../../images/slide03.jpg");
}
#movie-visual .slide .blk.bg02 {
    background-image: url("../../images/slide02.jpg");
}
#movie-visual .slide .blk .txt {
    position: absolute;
    z-index: 2;
    width: 740px;
    right: 50px;
    bottom: 50px;
}
#movie-visual.ver2 .slide .blk .txt {
  right: inherit;
  bottom: 160px;
  left: 50%;
  margin-left: -370px;
}
#movie-visual .btn {
    position: absolute;
    z-index: 3;
    left: 40px;
    bottom: 50px;
    width: 290px;
}
#movie-visual.ver2 .btn {
  bottom: 15px;
}
#movie-visual .btn img {
    width: 100%;
    height: auto;
}
#movie-visual .btn img.sp {
    display: none;
}
#movie-visual .btn a {
    display: block;
    background-color: rgba(0,0,0,0.60);
    padding: 10px;
    transition: ease-in-out .3s;
    -moz-box-shadow: 0px 3px 15px -3px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0px 3px 15px -3px rgba(0, 0, 0, 0.18);
-ms-box-shadow: 0px 3px 15px -3px rgba(0, 0, 0, 0.18);
box-shadow: 0px 3px 15px -3px rgba(0, 0, 0, 0.18);
}
#movie-visual .btn a:hover {
    transform: scale(1.05);
}
@media screen and (max-width:960px){
#movie-visual,
#movie-visual.ver2{
  margin-top: 57px;
    height: 157vw;
}
#movie-visual .slide .blk.bg01,
#movie-visual.ver2 .slide .blk.bg01{
    background-image: url("../../images/slide01_sp.jpg");
}
#movie-visual .slide .blk.bg02 {
    background-image: url("../../images/slide02_sp.jpg");
}
#movie-visual.ver2 .slide .blk.bg02 {
    background-image: url("../../images/slide03_sp.jpg");
    background-position: center bottom;
}
    #topics.no-mdt {
        padding-top: 0;
    }
    #topics h2.sp-none {
        display: none;
    }
#movie-visual .btn,
#movie-visual.ver2 .btn{
  left: 10%;
  bottom: 30px;
    right: 10%;
  width: auto;
    text-align: center;
}
    #movie-visual .btn a img,
    #movie-visual.ver2 .btn a img{
        width: 88%;
        margin: auto;
    }
    
#movie-visual .slide .blk .txt,
#movie-visual.ver2 .slide .blk .txt{
    position: absolute;
    bottom: inherit;
    top: 50%;
    width: auto;
    left: 5%;
    right: 5%;
    margin-top: -14%;
    margin-left: 0;
}
#movie-visual .btn img.pc {
    display: none;
}
#movie-visual .btn img.sp {
    display: block;
}
}
@media screen and (max-width:600px){
#movie-visual,
#movie-visual.ver2{
  margin-top: 46px;
    height: 165vw;
}
}












#main_visual {
	background-image: url(../../images/main_visual.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	text-align: center;
	padding: 95px 0 150px 0;
}
#main_visual h2 {
	font-size: 65px;
    /*font-family: 'Asap', sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
    color: #75a3d3;
    letter-spacing: 1.2px;
}
#main_visual h2 .char1,
#main_visual h2 .char8,
#main_visual h2 .char18 {
	color: #135fab;
}
#main_visual p {
	font-size: 19px;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
}
#main_visual h2 + p {
	font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    border-top: 1px solid #fff;
    display: inline-block;
    padding-top: 50px;
    margin: 40px 0 15px 0;
    max-width: 380px;
}
#topics {
	padding-top: 50px;
	text-align: center;
	overflow: hidden;
}
#topics h2 {
	font-size: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 2px;
	margin-bottom: 25px;
}
#topics h2 + p {
	margin-bottom: 50px;
	color: #135fab;
}
/*
#topics .topics {
	width: 50%;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 130px 0 130px 0;
}
*/
#topics .topics a {
	width: 50%;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 130px 0 130px 0;
	transition: .8s;
}
#topics .topics a:hover {
    box-shadow:0px 0px 0px 10px #fff inset;
    -moz-box-shadow:0px 0px 0px 10px #fff inset;
    -webkit-box-shadow:0px 0px 0px 10px #fff inset;
	text-decoration: none;
}
#topics .topics p.numbering {
	font-family: 'Roboto Condensed', sans-serif;
    background-color: #135fab;
    width: 120px;
    color: #fff;
    font-size: 40px;
    padding: 20px 0 28px 0;
	position: absolute;
}
#topics .topics p.numbering span {
	font-size: 14px;
    display: block;
    border-bottom: 1px solid #fff;
    width: 38%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px;
}
#topics01 p.numbering,
#topics03 p.numbering {
	top: 0;
	left: 0;
}
#topics02 p.numbering,
#topics04 p.numbering,
#topics05 p.numbering {
	top: 0;
	right: 0;
}
#topics .topics h3 span{
	font-size: 20px;
    color: #fff;
    font-weight: bold;
    border: 2px solid #fff;
    padding: 6px 14px;
}
#topics .topics a:hover h3 span{
    color: #135fab;
    border: 2px solid #135fab;
}
#topics .topics h3 + p {
	margin-top: 20px;
    color: #fff;
    font-size: 15px;
}
#topics .topics a:hover h3 + p {
	color: #135fab;
}
#topics #topics01 a {
	background-image: url(../../images/topics01.jpg);
}
#topics #topics01 a:hover {
	background-image:url(../../images/topics01_on.jpg);
}
#topics #topics02 a {
	background-image: url(../../images/topics02.jpg);
}
#topics #topics02 a:hover {
	background-image: url(../../images/topics02_on.jpg);
}
#topics #topics03 {
	width: 50%;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 130px 0 130px 0;
	background-image: url(../../images/topics03.jpg);
	padding-bottom: 99px;
	transition: .8s;
}
#topics #topics04 a {
	background-image: url(../../images/topics04.jpg);
}
#topics #topics04 a:hover {
	background-image: url(../../images/topics04_on.jpg);
}
#topics #topics05 a {
	background-image: url(../../images/topics05.jpg);
	padding-bottom: 104px;
}
#topics #topics05 a:hover {
	background-image: url(../../images/topics05_on.jpg);
}
#topics #topics05 .icon{
	width:177px;
	position:absolute;
	z-index:1;
	right:20px;
	bottom:20px;
}
#topics #topics05 .icon img {
	width:100%;
	height:auto;
}
#topics #topics03 ul {
	display: block;
    text-align: center;
    margin-left: 2%;
    margin-right: 2%;
	padding-top: 20px;
	letter-spacing:-.5em;
}
#topics #topics03 ul li {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	width:32.3333%;
	box-sizing:border-box;
	margin-left:0.5%;
	margin-right:0.5%;
}
#topics #topics03 ul li a {
	color: #fff;
	padding: 15px 0 15px 0;
	border-radius: 3px;
	display:block;
	width:100%;
}
#topics #topics03 ul li a:after {
	content: '>';
	margin-left: 10px;
}
#topics #topics03 ul li:nth-child(1) a {
	background-color: #a1a837;
}
#topics #topics03 ul li:nth-child(2) a {
	background-color: #5ea04f;
}
#topics #topics03 ul li:nth-child(3) a {
	background-color: #5273b4;
}
#topics #topics03 ul li:nth-child(1) a:hover,
#topics #topics03 ul li:nth-child(2) a:hover,
#topics #topics03 ul li:nth-child(3) a:hover {
	text-decoration: none;
	box-shadow: none;
	background-color: rgba(255, 255, 255, 0.4);
}
/*
#topics #topics03 ul li:nth-child(1) a:hover {
	box-shadow:0px 0px 0px 1px #bec733 inset;
    -moz-box-shadow:0px 0px 0px 1px #bec733 inset;
    -webkit-box-shadow:0px 0px 0px 1px #bec733 inset;
	background-color: #fff;
	color: #bec733;	
}
#topics #topics03 ul li:nth-child(2) a:hover {
	box-shadow:0px 0px 0px 1px #63bb4e inset;
    -moz-box-shadow:0px 0px 0px 1px #63bb4e inset;
    -webkit-box-shadow:0px 0px 0px 1px #63bb4e inset;
	background-color: #fff;
	color: #63bb4e;
}
*/
#notice {
	background-color: #f8f8f8;
}
#notice .inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
}
#notice section {
	width: 50%;
    padding: 22px 0px;	
}
#notice section h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
    line-height: 1.2;
	margin-bottom: 32px;
	margin-left: 20px;
}
#notice section h2 span {
	display: block;
	font-size: 14px;
}

#notice section.facebook {
	background-color: #5273b4;
	float: right;
  margin-bottom: 50px;
	transition: .8s;
}
#notice section.facebook.sns {
    display: none;
}
#notice section.facebook h2 {
	color: #fff;
}
.fb_iframe_widget {
	margin: 0 20px;
}



#notice section.twitter {
	background-color: #1d9bf0;
	float: left;
	transition: .8s;
}
#notice section.twitter h2 {
 color: #fff; 
}
#notice section.twitter #twitter-widget-0 {
    margin: 0 20px;
}




#news {
	background-color: #fff;
	transition: .8s;
  clear: both;
}
#news section {
    width: 100%;
}
#news article {
	border-top: 1px dashed #d0dfee;
    padding: 15px 0;
	overflow: hidden;
	margin: 0 20px;
}
#news dt {
    padding-left: 5px;
    color: #b27262;
    font-size: 14px;
	    margin-bottom: 5px;
}
#news dt .cat {
	color: #FFF;
    font-size: 85%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px;
	    background-color: #135fab;
}
#news dd {
	padding-left:5px;
	font-size:98%;
}
#news .btn_outline {
	border-top: 1px dashed #d0dfee;
	padding-top: 25px;
	margin: 0 20px;
}
#news .btn_outline a {
	width: 120px;
    background-color: #135fab;
    display: block;
    text-align: center;
    padding: 8px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 14px;
}
#news .btn_outline a:hover {
	background-color: #fff;
    box-shadow:0px 0px 0px 1px #135fab inset;
    -moz-box-shadow:0px 0px 0px 1px #135fab inset;
    -webkit-box-shadow:0px 0px 0px 1px #135fab inset;
	text-decoration: none;
	color: #135fab;
}










#foot_navi {
	border-top: 1px solid #ebebeb;
    background-color: #f8f8f8;
}

@media screen and (max-width:960px){
#main_visual {
	margin-top: 58px;
	padding: 9% 0 15% 0;
	background-size: inherit;
}
#topics #topics03 ul {
	margin-left:5%;
	margin-right:5%;
}
#topics #topics03 ul li {
	width:49.9999%;
	margin-left:0%;
	margin-right:0%;
}
#topics #topics03 ul li:nth-child(1) a {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	
}
#topics #topics03 ul li:nth-child(2) a {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	
}
#topics #topics03 ul li:nth-child(3) {
	display:block;
	width:auto;
	margin-top:2%;
}
#topics #topics05 a {
    padding-bottom: 168px;
}
}
@media screen and (max-width:768px){
#topics #topics05 a {
}

}
@media screen and (max-width:600px){
#main_visual {
	background-size: 200%;
	padding: 55px 0 50px 0;
    margin-top: 47px;
}
#main_visual h2 {
	font-size: 24px;
}
#main_visual h2 + p {
	font-size: 20px;
	padding-top: 30px;
	margin: 30px 0 15px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#main_visual p {
	font-size: 13px;
}
#topics {
	padding-top: 30px;
}
#topics h2 + p {
	width: 70%;
	margin: 0px auto 30px auto;
}
#topics #topics03 {
	width: 100%;
	float: none;
	padding: 80px 0;
}
#topics .topics a {
	width: 100%;
	float: none;
    display: block;
}
#topics .topics p.numbering {
	font-size: 30px;
    padding: 10px 0 10px 0;
	width: 85px;
}
#topics02 p.numbering,
#topics04 p.numbering,
#topics05 p.numbering {
	top: 0;
	left: 0;
}
#topics .topics p.numbering span {
	width: 60%;
	margin-bottom: 8px;
}
#topics #topics03 ul {
}
#topics #topics03 ul li a {
	width: 100%;
	float: none;
}
#topics #topics03 ul li:nth-child(2) a {
	margin-left: 0px;
}
#topics #topics05 .icon{
	width:auto;
	left:0;
	right:0;
	bottom: 35px;
	z-index:1;
	text-align:center;
}
#topics #topics05 .icon img{
	width:160px;
}
#topics #topics05 a {
	padding-top: 80px;
padding-bottom: 150px;
}
#notice .inner {
	width: 100%;
    padding: 0px 0;
}
#notice section {
	width: 100%;
}
#notice section h2 {
	font-size: 30px;
	text-align: center;
	margin-left: 0px;
	letter-spacing: 2px;
}
#notice section.news {
	float: none;
}
#notice section.news dt,
#notice section.news dd {
	float: none;
	width: 98%;
    padding: 0px 1% 0 1%;
}
#notice section.facebook {
	margin-top: 0px;
}
#notice section.facebook h2 {
	margin-bottom: 18px;
}
#notice section.facebook .fb_iframe_widget {
	display: none;
}
#notice section.facebook .only-sp {
	width: 90%;
    margin: 0 auto;	
}
#notice section.facebook {
    display: none;
}
#notice section.facebook.sns {
    background-color: #135fab;
    text-align: center;
    display: block;
}
#notice section.facebook.sns li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
#notice section.facebook.sns li a {
    display: block;
    width: 65px;
}
#notice section.facebook.sns h2 span {
    font-family: "メイリオ",Meiryo,  Verdana, '新ゴR', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif;
}
/*
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 98% !important;
}
.fb_iframe_widget {
}
*/

#notice section.twitter {
    display: none;
}

}