@charset "utf-8";

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

       共通要素＆トップページ

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block
}
ul, ol {
	list-style: none
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}


/*========================================
BASIC
=======================================*/

html {
	-webkit-text-size-adjust: 100%
}
body {
	background: #FFF;
	font: 100% "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	color: #333;
	line-height: 1.5;
}
a {
	color: #18264a;
}
a:hover {
	color: #8b8b8b;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/*========================================
CONTENTS
=======================================*/

/* #wrapper */
#wrapper {
	position: relative;
}


/* #header */
#header {
	background: rgba(30,75,126, 1);
	height: 130px;
	z-index: 5;
}
#header .h-contents {
	position: relative;
	margin: 0px auto;
	width: 1180px;
	height: 130px;
}
#header h1 {
	line-height: 1;
	position: absolute;
	left: 11px;
	top: 19px;
	z-index: 10;
}

/* global-navi */
#header #global-navi {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	left: 160px;
	top: 55px;
	z-index: 10;
}
#header #global-navi ul {
}
#header #global-navi ul li {
	display: inline-block;
	margin: 0px 12px 0px 0px;
	list-style: none;
	font-size: 18px;
	color: #ccc;
}
#header #global-navi ul li a {
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
#header #global-navi ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
#header #global-navi ul li a:hover::after {
  transform: scale(1, 1);
}

/* member-navi */
#header #member-navi {
	position: relative;
	top: 45px;
	z-index: 9;
}
#header #member-navi ul {
	text-align: right;
}
#header #member-navi ul li {
	display: inline-block;
	margin: 0px 20px 0px 0px;
	list-style: none;
	text-align: center;
}
#header #member-navi ul li a {
	color: #FFF;
	text-decoration: none;
}
#header #member-navi ul li a:hover,
#header #member-navi ul li a:hover span {
	opacity: 0.5;
	transition: .3s;
}
#header #member-navi ul li a i {
	font-size: 1.7em;
}
#header #member-navi ul li a .i-text {
	font-family: 'Cormorant Garamond';
	line-height: 1;
	font-size: 14px;
	display: block;
	margin-top: 1px;
}

/* ログイン判定でナビ表示非表示 */
.logout.my-false { display: none !important; }
.login.my-true { display: none !important; }
.regist.my-true { display: none !important; }


/*========================================
header-info-area
=======================================*/

#header-info-area {
	background: #f5f5f5;
	padding: 15px 0px;
}
#header-info-area .info-contents {
	margin: 0px auto;
	width: 940px;
	font-size: 14px;
	border: 1px dashed #222;
	box-sizing: border-box;
}
#header-info-area .info-contents p {
	padding: 10px 15px;
}


/*========================================
header-line-area
=======================================*/

#header-line-area {
	background: #f5f5f5;
	padding: 5px 0px;
	line-height: 1;
}
#header-line-area .info-contents {
	margin: 0px auto;
	box-sizing: border-box;
	font-size: 14px;
	display: flex;
	justify-content: center;
}
#header-line-area .info-contents .text {
	line-height: 1.5;
	padding: 10px 10px 0px 0px;
}
#header-line-area .info-contents .text .title {
	font-size: 15px;
	font-weight: bold;
	color: #1bb71f;
}

/* ログイン判定で表示/非表示 */
#header-line-area.my-false {
	display: none;
}


/*========================================
INDEX
=======================================*/

#index-contents {
}

/* font */
#index-contents h1 {
	font-family: 'Cormorant Garamond';
	line-height: 1;
}
#index-contents h2 {
	font-family: 'Noto Serif JP';
	line-height: 1;
}
#index-contents .s-read {
	font-family: 'Noto Serif JP';
}

/* btn */
#index-contents .btn-link {
}
#index-contents .btn-link a {
	font-size: 18px;
	text-decoration: none;
	display: block;
	margin: 0px auto;
	width: 420px;
	padding: 21px 0px;
	line-height: 1;
}
#index-contents .btn-link a:hover {
	opacity: 0.8;
}

/* 01旧 */

#index-contents #s-01 {
	height: 100vh;
	background: #035fcb url(../img/index/bg01.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: -1;
	text-align: center;
	margin-top: -130px;
}
#index-contents #s-01 .wrap-contents {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	padding-top: 130px;
}
#index-contents #s-01 .wrap-contents h1 {
	font-size: 84px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 30px;
}
#index-contents #s-01 .wrap-contents .s-read {
	font-size: 28px;
	font-weight: 400;
	color: #FFF;
}
#index-contents #s-01 .wrap-contents .img-read {
	margin-top: 30px;
}
#index-contents #s-01 .wrap-contents .img-read img {
	width: 420px;
}
#index-contents #s-01 .allow-scroll {
	height: 127px;
	width: 12px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform : translateX(-50%);
	transform : translateX(-50%);
}

/* 01 スライダー仕様 */
#index-contents #s-01a {
	position: relative;
	z-index: -1;
}
#index-contents #s-01a .swiper-container {
	width: 100%;
	height: calc( 100vh - 130px );
}
#index-contents #s-01a .swiper-container .swiper-wrapper {
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents h1 {
	font-size: 88px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 30px;
	text-shadow:1px 1px 3px #999;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents .s-read {
	font-size: 28px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 50px;
	text-shadow:1px 1px 3px #999;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents h2 {
	font-size: 40px;
	font-weight: 600;
	color: #123370;
	text-shadow:1px 1px 2px #FFF;
	margin: 0px 0px 15px;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents .s-read2 {
	font-family: 'Noto Serif JP';
	font-size: 22px;
	font-weight: 600;
	color: #123370;
	text-shadow:1px 1px 2px #FFF;
	margin: 0px;
}

/* 02 */
#index-contents #s-02 {
	background: #035fcb url(../img/index/bg02.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 180px 0px;
}
#index-contents #s-02 .wrap-contents {
	background: rgba(30,75,126, 0.88);
	width: 1180px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 60px;
	border-radius: 10px;
}
#index-contents #s-02 .wrap-contents h1 {
	font-size: 80px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 70px;
}
#index-contents #s-02 .wrap-contents .s-read {
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 70px;
}
#index-contents #s-02 .wrap-contents .btn-link a {
	color: #151515;
	background: #FFF;
}


/* 03 */
#index-contents #s-03 {
	background: #fff;
	text-align: center;
	padding: 150px 0px 120px;
}
#index-contents #s-03 .wrap-contents {
	width: 1180px;
	margin-right: auto;
	margin-left: auto;
}
#index-contents #s-03 .wrap-contents h1 {
	font-size: 80px;
	font-weight: 600;
	color: #123370;
	margin-bottom: 20px;
}
#index-contents #s-03 .wrap-contents .s-read {
	font-size: 16px;
	font-weight: 500;
	color: #545454;
	margin-bottom: 65px;
}

#index-contents #s-03 .wrap-contents .movie-list {
	margin-bottom: 80px;
}
#index-contents #s-03 .wrap-contents .movie-list li {
	margin: 0px 0px 0px 50px;
	float: left;
	width: 360px;
	list-style: none;
	text-align: left;
}
#index-contents #s-03 .wrap-contents .movie-list li:first-child {
	margin: 0px;
	padding-top: 55px;
}
#index-contents #s-03 .wrap-contents .movie-list li:last-child {
	padding-top: 40px;
}
#index-contents #s-03 .wrap-contents .movie-list li .movie-info {
	display: block;
	padding: 20px 15px 0px;
}

#index-contents #s-03 .wrap-contents .btn-link a {
	color: #fff;
	background: #123370;
}


/* 04 */
#index-contents #s-04 {
	background: #bae7fa url(../img/index/bg04.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 120px 0px;
}
#index-contents #s-04 .wrap-contents {
	background: rgba(255,255,255, 0.8);
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 60px;
	border-radius: 10px;
}
#index-contents #s-04 .wrap-contents h1 {
	margin-bottom: 60px;
}
#index-contents #s-04 .wrap-contents h2 {
	font-size: 34px;
	font-weight: 500;
	color: #5f586f;
	margin-bottom: 40px;
}
#index-contents #s-04 .wrap-contents .s-read {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 45px;
	line-height: 2;
}
#index-contents #s-04 .wrap-contents .btn-link a {
	color: #fff;
	background: #123370;
}


/* 05 */
#index-contents #s-05 {
	background: #bae7fa url(../img/index/bg05.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 120px 0px;
}
#index-contents #s-05 .wrap-contents {
	background: rgba(255,255,255, 0.8);
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	padding-bottom: 60px;
	border-radius: 10px;
}
#index-contents #s-05 .wrap-contents h1 {
	margin-bottom: 60px;
}
#index-contents #s-05 .wrap-contents h2 {
	font-size: 34px;
	font-weight: 500;
	color: #5f586f;
	margin-bottom: 40px;
}
#index-contents #s-05 .wrap-contents .s-read {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 45px;
	line-height: 2;
}
/*
#index-contents #s-05 .wrap-contents .btn-link {
	font-size: 18px;
	text-decoration: none;
	display: block;
	margin: 0px auto;
	width: 420px;
	padding: 21px 0px;
	line-height: 1;
	color: #FFF;
	background: #b7b7b7;
}
*/
#index-contents #s-05 .wrap-contents .btn-link a {
	color: #fff;
	background: #123370;
}






/* #footer */
#footer {
	background: #fff;
}

/* footer sns */
#footer #f-sns {
	background: #bae7fa url(../img/index/bg06.jpg) no-repeat center center;
	background-size: cover;
	padding: 150px 0px;
}
#footer #f-sns .wrap-contents {
	width: auto;
	margin-right: auto;
	margin-left: auto;
    display: flex;
    justify-content: center;
}
#footer #f-sns .wrap-contents h1 {
	font-family: 'Cormorant Garamond';
	line-height: 1;
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	width: auto;
	padding-top: 3px;
    margin-right: 30px;
}
#footer #f-sns .wrap-contents ul {
	width: auto;
    display: flex;
}
#footer #f-sns .wrap-contents ul li {
	list-style: none;
	height: 42px;
	width: 42px;
	margin-left: 25px;
}
#footer #f-sns .wrap-contents ul li:first-child {
	margin-left: 0px;
}

/* footer contents */
#footer .f-contents {
	margin: 0px auto;
	padding: 65px 0px;
	width: 1180px;
	font-size: 14px;
	position: relative;
}
#footer .f-contents .f-logo {
}
#footer .f-contents .f-navi {
	text-align: right;
	position: absolute;
	top: 80px;
	right: 0px;
}
#footer .f-contents .f-navi li {
	display: inline-block;
	margin-left: 25px;
}
#footer .f-contents .f-navi li a {
	color: #333;
	text-decoration: none;
}
#footer .f-contents .f-navi a:hover {
	text-decoration: underline;
}
#footer .f-contents .copyright {
	text-align: right;
	position: absolute;
	top: 125px;
	right: 0px;
}



/* pagetop */
#footer .f-contents  .btn-pagetop {
	height: 69px;
	width: 69px;
	position: absolute;
	right: 0px;
	top: -34px;
}



/*========================================
effect
=======================================*/

/*----- フェードイン -----*/
.inviewfadeIn {
	opacity: 0;
	transition: .8s;
}

.fadeIn {
	opacity: 1.0;
}

/*----- 上へスライド -----*/
.inviewUp {
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: .8s;
}

.Up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*----- ズームイン -----*/
.inviewzoomIn {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .8s;
}

.zoomIn {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
} 

/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
}

.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}









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



@media screen and (max-width: 896px) { /* SmartPhone Display - width:896px under - */


/*========================================
BASIC
=======================================*/
img {
	max-width: 100%;
}



/*========================================
CONTENTS
=======================================*/

/* #wrapper */
#wrapper {
	position: relative;
}


/* #header */
#header {
	background: rgba(30,75,126, 1);
	height: 130px;
	z-index: 5;
}
#header .h-contents {
	position: relative;
	margin: 0px auto;
	width: auto;
	height: 130px;
}
#header h1 {
	line-height: 1;
	position: absolute;
	left: 11px;
	top: 19px;
	z-index: 10;
}

/* global-navi */
#header #global-navi {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	left: 185px;
	top: 50px;
	z-index: 10;
}
#header #global-navi ul {
}
#header #global-navi ul li {
	display: inline-block;
	margin: 0px 25px 0px 0px;
	list-style: none;
}
#header #global-navi ul li a {
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
  position: relative;
  display: inline-block;
}
#header #global-navi ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
#header #global-navi ul li a:hover::after {
  transform: scale(1, 1);
}

/* member-navi */
#header #member-navi {
	position: relative;
	top: 45px;
	z-index: 9;
}
#header #member-navi ul {
	text-align: right;
}
#header #member-navi ul li {
	display: inline-block;
	margin: 0px 30px 0px 0px;
	list-style: none;
}




/*========================================
header-info-area
=======================================*/

#header-info-area {
	background: #f5f5f5;
	padding: 15px 10px;
}
#header-info-area .info-contents {
	margin: 0px auto;
	width: 100%;
	font-size: 14px;
	border: 1px dashed #222;
	box-sizing: border-box;
}
#header-info-area .info-contents p {
	padding: 10px 15px;
}


/*========================================
header-line-area
=======================================*/

#header-line-area-sp {
	background: #f5f5f5;
	padding: 5px 0px;
	line-height: 1;
}
#header-line-area-sp .info-contents {
	margin: 0px auto;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
}
#header-line-area-sp .info-contents p {
}
#header-line-area-sp .info-contents p .title {
	padding-right: 10px;
}
#header-line-area-sp .info-contents p img {
	vertical-align: middle;
}

/* ログイン判定で表示/非表示 */
#header-line-area-sp.my-false {
	display: none;
}


/*========================================
INDEX
=======================================*/

#index-contents {
}

/* font */
#index-contents h1 {
	font-family: 'Cormorant Garamond';
	line-height: 1;
}
#index-contents h2 {
	font-family: 'Noto Serif JP';
	line-height: 1;
}
#index-contents .s-read {
	font-family: 'Noto Serif JP';
}

/* btn */
#index-contents .btn-link {
}
#index-contents .btn-link a {
	font-size: 18px;
	text-decoration: none;
	display: block;
	margin: 0px auto;
	width: 240px;
	padding: 21px 0px;
	line-height: 1;
}
#index-contents .btn-link a:hover {
	opacity: 0.8;
}

/* 01旧 */
#index-contents #s-01 {
	height: auto;
	background: #035fcb url(../img/index/bg01.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: -1;
	text-align: center;
	margin-top: 0px;
}
#index-contents #s-01 .wrap-contents {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	top: 0%;
	left: 0%;
	-webkit-transform : translate(0%,0%);
	transform : translate(0%,0%);
	padding: 100px 30px 100px;
}
#index-contents #s-01 .wrap-contents h1 {
	font-size: 60px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 30px;
}
#index-contents #s-01 .wrap-contents .s-read {
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	padding-right: 30px;
	padding-left: 30px;
}
#index-contents #s-01 .allow-scroll {
	height: 127px;
	width: 12px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform : translateX(-50%);
	transform : translateX(-50%);
}

/* 01 スライダー仕様 */
#index-contents #s-01a {
	position: relative;
	z-index: -1;
}
#index-contents #s-01a .swiper-container {
	width: 100%;
	height: auto;
}
#index-contents #s-01a .swiper-container .swiper-wrapper {
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	top: 0%;
	left: 0%;
	-webkit-transform : translate(0%,0%);
	transform : translate(0%,0%);
	padding: 120px 0px 120px;
	text-align: center;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents h1 {
	font-size: 60px;
	font-weight: 400;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 30px;
	text-shadow:1px 1px 3px #999;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents .s-read {
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	text-shadow:1px 1px 3px #999;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents h2 {
	font-size: 28px;
	font-weight: 600;
	color: #123370;
	text-shadow:1px 1px 2px #FFF;
	margin: 0px 0px 15px;
}
#index-contents #s-01a .swiper-container .swiper-wrapper .swiper-slide .slide-contents .s-read2 {
	font-family: 'Noto Serif JP';
	font-size: 18px;
	font-weight: 600;
	color: #123370;
	text-shadow:1px 1px 2px #FFF;
	margin: 0px;
}


/* 02 */
#index-contents #s-02 {
	background: #035fcb url(../img/index/bg02.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 100px 20px;
}
#index-contents #s-02 .wrap-contents {
	background: rgba(30,75,126, 0.88);
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	padding: 80px 20px;
}
#index-contents #s-02 .wrap-contents h1 {
	font-size: 80px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 70px;
}
#index-contents #s-02 .wrap-contents .s-read {
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 70px;
}
#index-contents #s-02 .wrap-contents .btn-link a {
	color: #151515;
	background: #FFF;
}


/* 03 */
#index-contents #s-03 {
	background: #fff;
	text-align: center;
	padding: 100px 20px;
}
#index-contents #s-03 .wrap-contents {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#index-contents #s-03 .wrap-contents h1 {
	font-size: 80px;
	font-weight: 600;
	color: #123370;
	margin-bottom: 20px;
}
#index-contents #s-03 .wrap-contents .s-read {
	font-size: 16px;
	font-weight: 500;
	color: #545454;
	margin-bottom: 65px;
}

#index-contents #s-03 .wrap-contents .movie-list {
	width: 360px;
	margin: 0px auto 60px;
}
#index-contents #s-03 .wrap-contents .movie-list li {
	margin: 0px 0px 20px;
	float: none;
	width: 360px;
	list-style: none;
	text-align: left;
}
#index-contents #s-03 .wrap-contents .movie-list li:first-child {
	margin: 0px 0px 20px;
	padding-top: 0px;
}
#index-contents #s-03 .wrap-contents .movie-list li:last-child {
	padding-top: 40px;
}
#index-contents #s-03 .wrap-contents .movie-list li .movie-info {
	display: block;
	padding: 20px 15px 0px;
}

#index-contents #s-03 .wrap-contents .btn-link a {
	color: #fff;
	background: #123370;
}

/* YouTube埋め込み */
#index-contents #s-03 .youtube-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
#index-contents #s-03 .youtube-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}





/* 04 */
#index-contents #s-04 {
	background: #bae7fa url(../img/index/bg04.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 100px 20px;
}
#index-contents #s-04 .wrap-contents {
	background: rgba(255,255,255, 0.8);
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	padding: 90px 20px 60px;
}
#index-contents #s-04 .wrap-contents h1 {
	margin-bottom: 60px;
}
#index-contents #s-04 .wrap-contents h2 {
	font-size: 34px;
	font-weight: 500;
	color: #5f586f;
	margin-bottom: 40px;
}
#index-contents #s-04 .wrap-contents .s-read {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 45px;
	line-height: 2;
}
#index-contents #s-04 .wrap-contents .btn-link a {
	color: #fff;
	background: #123370;
}


/* 05 */
#index-contents #s-05 {
	background: #bae7fa url(../img/index/bg05.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 100px 20px;
}
#index-contents #s-05 .wrap-contents {
	background: rgba(255,255,255, 0.8);
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	padding: 90px 20px 60px;
}
#index-contents #s-05 .wrap-contents h1 {
	margin-bottom: 60px;
}
#index-contents #s-05 .wrap-contents h2 {
	font-size: 34px;
	font-weight: 500;
	color: #5f586f;
	margin-bottom: 40px;
}
#index-contents #s-05 .wrap-contents .s-read {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 45px;
	line-height: 2;
}
/*
#index-contents #s-05 .wrap-contents .btn-link {
	font-size: 18px;
	text-decoration: none;
	display: block;
	margin: 0px auto;
	width: 240px;
	padding: 21px 0px;
	line-height: 1;
	color: #FFF;
	background: #b7b7b7;
}
*/
#index-contents #s-05 .wrap-contents .btn-link a {
	color: #fff;
	background: #123370;
}






/* #footer */
#footer {
	background: #fff;
}

/* footer sns */
#footer #f-sns {
	background: #bae7fa url(../img/index/bg06.jpg) no-repeat center center;
	background-size: cover;
	padding: 100px 20px;
}
#footer #f-sns .wrap-contents {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
    display: block;
    justify-content: auto;
}
#footer #f-sns .wrap-contents h1 {
	font-family: 'Cormorant Garamond';
	line-height: 1;
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	width: auto;
	padding-top: 0px;
	margin-bottom: 20px;
    margin-right: 0px;
}
#footer #f-sns .wrap-contents ul {
	width: 100%;
    display: block;
    text-align: center;
}
#footer #f-sns .wrap-contents ul li {
	list-style: none;
	height: 42px;
	width: 42px;
	margin-left: 12px;
	display: inline-block;
	margin-right: 12px;
}
#footer #f-sns .wrap-contents ul li:first-child {
	margin-left: 0px;
}

/* footer contents */
#footer .f-contents {
	margin: 0px auto;
	padding: 50px 0px;
	width: auto;
	font-size: 14px;
	position: relative;
}
#footer .f-contents .f-logo {
	text-align: center;
	margin-bottom: 50px;
}
#footer .f-contents .f-navi {
	text-align: left;
	position: relative;
	top: 0px;
	right: 0px;
	padding: 0px 20px;
	margin-bottom: 50px;
}
#footer .f-contents .f-navi li {
	display: block;
	margin-left: 0px;
}
#footer .f-contents .f-navi li a {
	display: block;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	padding: 15px 10px;
}
#footer .f-contents .f-navi li:first-child a {
	border-top: 1px solid #CCC;
}
#footer .f-contents .f-navi li a:hover {
	text-decoration: underline;
}
#footer .f-contents .copyright {
	text-align: center;
	position: relative;
	top: 0px;
	right: 0px;
}



/* pagetop */
#footer .f-contents .btn-pagetop {
	height: 69px;
	width: 69px;
	position: absolute;
	right: 20px;
	top: -34px;
}



/*-------------------- max-width:896px --------------------*/}