@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Noto Serif JP',"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; 
	font-size:100%;
	position: relative;
}
body.movie{
	cursor: none;
}
li{
	list-style-type: none;
}
a{
	display:inline-block;
	text-decoration:none;
	color:#666666;
	cursor: none;
}
img{
	vertical-align: bottom;
}
.pc{
	display:block;
}
img.pc{
	display:inline-block;
}
.sp,img.sp{
	display:none;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.movie_main{
	width: 100%;
	height:100vh;
	overflow:hidden;
	position: relative;
}
#movie{
	width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center 40%;
}
#sp_movie{
	width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center 40%;
}
section.fvSec{
	position: relative;
}
section.fvSec .fv_wrap {
    width: 100%;
    height: 100vh;
}
section.fvsec .btnSound {
    position: absolute;
    bottom: 35px;
    left: 35px;
}
section.fvsec .btnSound a{
	vertical-align: bottom
}
section.fvsec .btnSound a img{
	border:3px solid transparent;
	transition:0.3s;
	border-radius: 50%;
}
.btnSound .off {
    display: none;
}
.btnSound.on .off {
    display: block;
}
.btnSound.on .on{
	display:none;
}
section.fvsec .btnSound a:hover img{
	border:3px solid rgba(255,255,255,0.80);
	transition:0.3s;
}

/*== 無限に波紋が広がる */

/*波形を2つ設定*/
.btnripple2:hover:after{
    content: '';
    /*絶対配置で波形の位置を決める*/
    position: absolute;
    left: -20%;
    top: -20%;
    /*波形の形状*/
    border: 1px solid #d0e8f7;
    width: 140%;
    height: 140%;
    border-radius: 50%;
    /*はじめは不透明*/
    opacity: 1;
    /*ループするアニメーションの設定*/
    animation:1s circleanime linear infinite;
}

/*aタグにホバーした時に見た目変化*/
.follower{
  position: fixed;
  top: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  background:rgba(201,191,0,0.8);
  border-radius: 50%;
  z-index: 90000;
  transform: translate(0, 0);
  transition: width 0.6s, height 0.6s, top 0.3s, left 0.3s, transform ease-out, opacity 0.3s;
  pointer-events: none;
}
.fol-hover{
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
  background: rgba(35, 120, 199,0.6);
  transition: width 0.3s, height 0.3s, top 0.3s, left 0.3s, transform ease-out, opacity 0.3s;
}
/*動き確認用ボタン*/
.btn {
  display: inline-block;
  min-width: 300px;
  margin: 20px;
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
/*波形のアニメーション*/
@keyframes circleanime{
	0%{
	  transform: scale(0.68);
	}
	100%{
		transform: scale(1.2);
		opacity: 0;
	}
}
.head_menu{
	opacity: 0;
	position: fixed;
	width:100%;
	top:0;
	z-index: 100;
	transition:0.5s;
	mix-blend-mode: exclusion;
}
.head_menu.fixed,
.thanks .head_menu{
	opacity: 1;
	transition:0.5s;
}
.forAct{
	display:none;
}
.head_menu>div{
	width:30%;
	float:left;
	padding:24px 0 0 24px;
}
.right_menu{
	width:211px;
	position: fixed;
	top:0;
	right:0;
	opacity:0;
	z-index: 100;
	transition: 0.5s;
}
.right_menu li{
	float:left;
	background-color:#fff;
}
.right_menu li:first-child{
	border-right:1px solid #ccc;
	border-radius: 0 0 0 15px;
	transition: 0.3s;
}
.right_menu li:hover{
	background-color:#d4b619;
	transition: 0.3s;
}
header h1{
	color:#fff;
	font-size:9px;
	letter-spacing: 1px;
	display:block;
	margin: 0 0 5px;
	font-weight: 300;
	font-family: 'Noto Sans JP', sans-serif; 
}
.side_menu{
	opacity:0;
	transition:0.5s;
	position: fixed;
	right: -236px;
	top:50%;
	margin-top: -5vh;
	transform: rotate(90deg);
	z-index: 100;
}
.right_menu.fixed,
.side_menu.fixed{
	opacity: 1;
	transition:0.5s;
}
.side_menu li{
	display: inline-block;
	margin-right:18px;
}
.side_menu li:last-child{
	margin-right:0;
}
.side_menu .current a{
	border-bottom:1px solid #999;
	opacity:0.3s;
}
.side_menu a{
	color:#999999;
	font-size:10px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	opacity:0.3s;
	padding:0 0 4px;
	border-bottom:1px solid transparent;
}
.side_menu a:hover{
	border-bottom:1px solid #999;
	opacity:0.3s;
}
.effect-fade{
	opacity:0;
	transform : translate(0, 45px);
	transition : all 1s;
}
.effect-fade.stop{
	opacity:0;
	transform : translate(0,0);
	transition : all 1s;
}
.effect-fade.effect-scroll{
	opacity:1;
	transform:translate(0, 0);
}
main{
	display:block;
	background: #fff;
}
.eachTextAnime span{
	opacity: 0;
}
.eachTextAnime.appeartext span{
	animation:text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}
@media screen and (max-width:768px){
	.sp{
		display:block;
	}
	img.sp{
		display:inline-block;
	}
	.pc,img.pc{
		display:none;
	}
	.follower{
		display: none;
	}
	section.fvsec .btnSound{
		left:3vw;
		bottom:10vw;
		transition:0.5s;
		z-index: 10;
	}
	section.fvsec .btnSound.fixed{
		left:3vw;
		bottom:15vw;
		transition:0.5s;
	}
	section.fvsec .btnSound a img{
		width:11vw;
	}
	.right_menu {
		width: 45vw;
		background: #fff;
		border-radius: 0 0 0 5vw
	}
	.right_menu li{
		width:32%;
		box-sizing: border-box;
		height:18vw;
	}
	.right_menu li:nth-child(2){
		border-right:1px solid #ccc;
		width: 35%
	}
	
	.right_menu li:last-child{
		width:33%;
	}
	.right_menu li a{
		width:100%;
		height: 100%;
	}
	.right_menu li img{
		height: 100%;
		width: auto;
	}
	header h1 {
    	font-size: 1.6vw;
		margin: 0 0 1vw;
	}
	.head_menu>div {
		width: 50%;
		padding: 2vw 0 0 2vw;
	}
	.head_menu>div a img{
		width:47vw
	}
	.right_menu li:hover{
		background-color: #fff;
	}
	.tel_box {
		padding:5vw 0 0;
		float: none;
		width:100%;
		left: 0;
		opacity: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		transition: 0.5s;
		top: -9999px;
		z-index: 102;
	}
	.tel_box.open{
		box-sizing: border-box;
		opacity: 1;
		top: 0;
		-webkit-transition: opacity .4s ease,top 0s ease 0s;
		transition: opacity .4s ease,top 0s ease 0s;
		padding:30vh 0;
		height: 100vh;
	}
	.overlay {
		background-color:rgba(209,209,209,0.90);
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
	}
	.tel_box a{
		width:85%;
	}
	.tel_box a:first-child{
		margin:0 0 3vw;
	}
	.tel_box a:nth-child(2){
		margin:0 0 10vw;
	}
	.tel_box a img{
		width:100%;
	}
	.tel_box_container{
		width: 100%;
		z-index: 10;
		position: fixed;
		top: 28vh;
		left: 0;
		text-align: center;
		display:none;
	}
	.tel_box.open .tel_box_container{
		display: block;
	}
	.tel_box_container>img{
		width:20vw;
		opacity: 1;
	}
	.tel_box>img{
		opacity: 1;
		transition:0.5s;
	}
}
.movie_001{
	background:url("../img/movie_001_bg.png") top/cover no-repeat;
	position: relative;
	padding:740px 0 230px;
}
.movie_001 h2{
	text-align: center;
	font-size:28px;
	margin: 0 0 30px;
	animation-delay: 0.5s;
}
.movie_001_01{
	width:100%;
	position: absolute;
	top:-34px;
	left:0;
}
.movie_001_01>div{
	padding:82px 38px 96px;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	max-width:1130px;
	width:80%;
	margin:0 auto;
}
.movie_001_01 section>p{
	font-size:21px;
	margin:0 0 57px;
}
.movie_001_01 ol{
	display:flex;
	box-sizing: border-box;
	padding:0 3%;
}
.movie_001_01 ol li{
	width:33.33%;
    box-sizing: border-box;
    border-right: 1px dashed #000;
    padding: 0 4.5%;
	height:414px;
	position: relative;
}
.movie_001_01 ol li:nth-child(2){
	transition-delay: 0.2s;
}
.movie_001_01 ol li:last-child{
	border:none;
	transition-delay: 0.2s;
}
.movie_001_01 ol li>img{
	margin: 0 0 24px;
}
.movie_001_01 ol li:first-child>img{
	margin-left:20px;
}
.movie_001_01 ol li:nth-child(3)>img{
	margin-left:-20px;
}
.movie_001_01 ol li h3{
	font-size:22px;
	text-align: center;
	margin: 0 0 18px;
}
.movie_001_01 ol li p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	line-height: 1.6;
	text-align: left;
}
.movie_001_01 ol li a{
	position: absolute;
	width:100%;
	left:0;
	bottom:0;
	text-align: center;
}
.movie_001_01 ol li a:hover{
	opacity:0.5;
	transition:0.3s;
	transform: translateY(8px);
}
.movie_001_01 ol li a span{
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	margin:0 0 10px;
	font-size:13px;
	color:#0f2848;letter-spacing: 2px;
	text-indent:-2px;
	font-weight: bold;
}

.movie_001_02{
	width:100%;
}
.movie_001_02>div{
	max-width:1130px;
	width:80%;
	margin:0 auto 178px;
}
.movie_001_02>div>div{
	padding: 42px 70px;
	position: relative;
	box-sizing: border-box;
	width: 90%;
    margin: 0 auto;
}
.movie_001_02>div>div::before,
.movie_001_02>div>div::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
}

.movie_001_02>div>div::before {
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	top: 0;
	left: 0;
}

.movie_001_02>div>div::after {
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	top: 0;
	right: 0;
}
.movie_001_02 h2{
	font-size:26px;
	display:inline-block;
	background:#d4b619;
	color:#0f2848;
	line-height: 1.7;
	padding:0 5px;
}
.movie_001_02 dl{
	display:table;
	box-sizing: border-box;
}
.movie_001_02 dl:first-child{
	padding: 0 0 40px;
}
.movie_001_02 dl dt{
	font-size:22px;
	color:#d4b619;
	display:table-cell;
	width:18%;
	vertical-align: top;
}
.movie_001_02 dl dt span{
	display: inline-block;
	border-bottom:dashed 1px #d4b619;
	padding-bottom:7px;
	line-height: 1.5;
}
.movie_001_02 dl dd{
	padding-left:6%;
	font-size:16px;
	line-height: 1.8;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
}
.movie_001_03{
	text-align: center;
}
.movie_001_03 h2{
	margin: 0 0 42px;
	color:#fff;
}
.movie_001_03 ul{
	max-width:972px;
	width:90%;
	margin: 0 auto 52px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.movie_001_03 ul li{
	width: calc( ( 100% - 72px ) / 3 );
	margin-right:36px;
	background:url("../img/movie_001_bg1.svg") top / cover no-repeat;
	min-height:300px;
	position: relative;
}
.movie_001_03 ul li:nth-child(2){
	transition-delay: 0.2s;
	background:url("../img/movie_001_bg2.svg") top / cover no-repeat;
}
.movie_001_03 ul li:last-child{
	margin-right:0;
	transition-delay: 0.4s;
	background:url("../img/movie_001_bg3.svg") top / cover no-repeat;
}
.movie_001_03 ul li p{
	font-size:20px;
	line-height:1.3;
	position: absolute;
	bottom:60px;
	width:100%;
}
.movie_001_03 ul li:nth-child(2) p{
	bottom:90px;
}
.movie_001_03>div>div>p{
	font-size:27px;
	color:#fff;
	line-height:1.5;
}
.movie_001_03>div>div p span{
	font-size:35px;
	color:#d4b619;
}

@media screen and (max-width:1160px){
	.movie_001 {
		padding: 80vw 0 25vw;
	}
	.movie_001_01 section>p {
		font-size: 1.7vw;
		margin: 0 0 3vw;
	}
	.movie_001_01 ol li {
	    padding: 0 3.5% 7vw;
		height: auto;
	}
	.movie_001_01 ol li h3{
		font-size:1.8vw;
	}
	.movie_001_01 ol li p {
		font-size: 1.4vw;
		margin: 0 0 2vw;
	}
	.movie_001_01 ol li>img {
		margin: 0 0 1vw;
		width: auto;
		height: 4.5vw;
	}
	.movie_001_02>div>div {
		padding: 3vw 5vw;
		width: 100%;
		margin: 0 auto;
	}
	.movie_001_02 dl dt span {
		padding-bottom: 0.5vw;
		font-size: 1.8vw;
	}
	.movie_001_02 dl dd {
		font-size: 1.3vw;
	}
	.movie_001_03 ul li {
		width: 30%;
		margin-right: 3.5%;
		background: url(../img/movie_001_bg1.svg) top / 100% no-repeat;
		min-height: 30vw;
	}
	.movie_001_03 ul li:nth-child(2){
		background: url(../img/movie_001_bg2.svg) top / 100% no-repeat;
	}
	
	.movie_001_03 ul li:nth-child(3){
		background: url(../img/movie_001_bg3.svg) top / 100% no-repeat;
	}
	.movie_001_03 ul li p {
		font-size: 1.9vw;
		line-height: 1.3;
		position: absolute;
		bottom: 8vw;
	}
	.movie_001_03>div>div>p {
		font-size: 2vw;
	}
	.movie_001_03>div>div p span {
		font-size: 3vw;
	}
}
@media screen and (max-width:1250px){
	.movie_001 h2 {
		font-size: 3vw;
	}
}
@media screen and (max-width:768px){
	.movie_001{
		padding:0 0 40vw;
		background:url("../img/sp_movie_001_bg.svg") top /cover no-repeat;
	}
	.movie_001_01 {
		position: static;
	}
	.movie_001_01>div {
    	padding: 9vw 6vw 5vw;
		width: 85%;
		margin:0 auto 10vw;
		transition: 0.5s;
		opacity: 0;
	}
	.movie_001_01.changed>div{
		padding: 0 6vw 5vw;
		transition: 0.5s;
		opacity: 1;
	}
	.movie_001_01::before{
		content:"";
		width:100%;
		height:9vw;
		position:absolute;
		top:0;
		left:7.5%;
		display:block;
		width:85%;
		margin:0 auto;
		background-color: #fff;
		transition: 0.5s;
		opacity: 0;
	}
	.movie_001_01.changed::before{
		top:-9vw;
		transition: 0.5s;
		opacity: 1;
	}
	.movie_001 h2 {
		font-size: 5vw;
		letter-spacing: 0.5vw;
		margin: 0 0 6vw 0.5vw;
	}
	.movie_001_01 section>p {
		font-size: 4vw;
		line-height: 1.6;
		margin: 0 0 7vw;
	}
	.movie_001_01 ol {
		display: block;
		padding:0;
	}
	.movie_001_01 ol li:first-child{
		padding-top:8vw;
	}
	.movie_001_01 ol li,
	.movie_001_01 ol li:last-child{
		width:100%;
		border:none;
		border-top:1px dashed #000;
		padding:10vw 5vw 13vw;
	}
	.movie_001_01 ol li:first-child>img {
    	margin-left: 4vw;
	}
	.movie_001_01 ol li>img {
		margin: 0 0 5vw;
		height: 14vw;
	}
	.movie_001_01 ol li h3 {
		font-size: 4vw;
		margin: 0 0 6vw;
	}
	.movie_001_01 ol li p {
		font-size: 3.2vw;
		margin: 0 0 4vw;
		line-height: 1.8
	}
	.movie_001_01 ol li a span {
		font-size: 2vw;
		letter-spacing: 1vw;
		display: inline-block;
		margin-right: 1em;
	}
	.movie_001_01 ol li:last-child a span{
		letter-spacing: 0;
	}
	.movie_001_01 ol li a {
		bottom: 6vw;
	}
	.movie_001_01 ol li a img {
		width: 3.5vw;
		vertical-align: middle;
	}
	.movie_001_02>div{
		width:85%;
		margin:0 auto 10vw;
	}
	.movie_001_02 h2{
		margin:0 0 4vw;
		font-size: 5vw;
    	line-height: 1.5;
	}
	.movie_001_02>div>div {
		padding: 8vw;
	}
	.movie_001_02 dl{
		display: block;
	}
	.movie_001_02 dl:first-child {
		padding: 0 0 12vw;
	}
	.movie_001_02 dl dt span {
		padding-bottom: 1.5vw;
		margin-bottom: 4vw;
		font-size: 5vw;
	}
	.movie_001_02 dl dd {
		font-size: 3.4vw;
		padding: 0;
	}
	.movie_001_03 h2{
		line-height: 1.7;
		margin-bottom: 5vw;
	}
	.movie_001_03 ul{
		width:60%;
		display:block;
		margin:0 auto;
	}
	.movie_001_03 ul li {
    	width: 100%;
		margin: 0 0 5vw;
		min-height: 60vw;
	}
	.movie_001_03 ul li p {
		font-size: 4vw;
		position: absolute;
		bottom: 12vw;
	}
	.movie_001_03 ul li:nth-child(2) p {
		bottom: 18vw;
	}
	.movie_001_03>div>div>p {
		font-size: 5vw;
		line-height: 1.8;
	}
	.movie_001_03>div>div p span {
		font-size: 6.5vw;
		font-weight: bold;
	}
}
/*movie_001 end*/

/*movie_002 start*/
#c_002{
	padding-top:200px;
	margin-top:-200px;
}
.movie_002{
	padding:500px 0 0;
	background: url(../img/movie_002_bg2.svg) right calc( 50% - 364px) top 538px/ auto no-repeat, url(../img/movie_002_bg.png) top/cover no-repeat;
	position: relative;
}
.movie_002_01{
	position: absolute;
	top:-132px;
	width:100%;
}
.movie_002_01>div{
	max-width:1200px;
	width:80%;
	background:#fff;
	margin: 0 auto;
	padding:110px 114px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	filter: drop-shadow(4px 4px 6px rgba(0,0,0,.1));
}
.movie_002_01>div div{
	width:55%;
	float:left;
}
.movie_002_01 h2{
	color:#0f2848;
	font-size:26px;
	line-height:1.4;
	letter-spacing: 0.2em;
	text-indent:0.2em;
	display:inline-block;
	padding: 0 10px;
	background-color:#d4b619;
	position: absolute;
	top:33px;
	left:0;
}
.movie_002_01 h3{
	font-size:53px;
	line-height:1.25;
	margin: 0 0 20px;
}
.movie_002_01 h3 span{
	color:#d4b619;
    vertical-align: bottom;
	font-size:54px;
}
.movie_002_01 h3 b{
	font-size: 80px;
    letter-spacing: 5px;
    vertical-align: bottom;
    margin-right: 5px;
	line-height: 1;
}
.movie_002_01>div p{
	font-size:16px;
	line-height:1.5;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0 0 30px;
}
.movie_002_01 a{
	width:300px;
	text-align: center;
	font-size:17px;
	padding:17px 0;
	box-sizing: border-box;
	border-radius: 30px;
	border:1px solid #000;
	transition:0.5s;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
}
.movie_002_01 a:hover{
	background-color: #0f2848;
	color:#fff;
	transition:0.5s;
}
.movie_002_01>div ul{
	width:45%;
	float:right;
	position: relative;
	padding: 12px 0 0;
}
.movie_002_01>div ul::before{
	content: "";
    background: url(../img/movie_002_text.svg) top /cover no-repeat;
    width: 218px;
    height: 87px;
    display: block;
    position: absolute;
    top: -63px;
    right: -69px;
    z-index: 2;

}
.movie_002_01>div ul::after{
	content: "etc...";
	font-size:16px;
    display: block;
	position: absolute;
	bottom:-10px;
	right:0;
	font-family: 'Noto Sans JP', sans-serif;
}
.movie_002_01>div ul li{
	color:#fff;
	font-size:1px;
	line-height: 2.8;
	background-color:#0f2848;
	font-weight: 600;
	letter-spacing: 2px;
	text-indent: 2px;
	font-size:21px;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0 0 9px;
	text-align: center
}
.movie_002_01>div ul li:nth-child(2){
	transition-delay: 0.1s;
}
.movie_002_01>div ul li:nth-child(3){
	transition-delay: 0.2s;
}
.movie_002_01>div ul li:nth-child(4){
	transition-delay: 0.3s;
}
.movie_002_01>div ul li:nth-child(5){
	transition-delay: 0.4s;
}
.slide_in_left li{
	transform:translate(-50px);
	opacity:0;
}
.slide_in_left_show li{
	transform:translate(0px);
	opacity:1;
	transition:0.5s;
}
.movie_002_02{
	max-width:1325px;
	width:90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 40px;
}
.movie_002_02 h2{
	text-align: center;
	font-size:28px;
	color:#0f2848;
	margin:0 0 126px;
	padding:80px 0 0;
}
.movie_002_02 ol li{
	width: calc( ( 100% - 76px ) / 3 );
	float:left;
	position: relative;
	border-top:5px solid #0f2848;
	border-bottom:5px solid #0f2848;
	background:#fff;
	margin: 0 38px 146px 0;
}
.movie_002_02 ol li:nth-child(1),
.movie_002_02 ol li:nth-child(4){
	margin-top:-105px;
}
.movie_002_02 ol li:nth-child(3n){
	margin:110px 0 90px; 
}
.movie_002_02 ol li>img{
	position: absolute;
	left:10px;
	top:-54px;
}
.movie_002_02 ol li p:last-child{
	padding:0 30px 50px;
	box-sizing: border-box;
	font-size:16px;
	line-height:1.8;
	font-family: 'Noto Sans JP', sans-serif;
}
.movie_002_02 ol li p img{
	width:100%;
}
.movie_002_02 ol li h3{
	font-size:23px;
	color:#0f2848;
	padding:40px 0 0;
	margin:0 0 25px;
	text-align: center;
}

@media screen and (max-width:1250px){
	.movie_002_01>div {
		width: 90%;
		padding: 10vw 6vw 5vw;
	}
	.movie_002_01 a {
		width: 87%;
		text-align: center;
		font-size: 1.8vw;
		padding: 1.5vw 0;
	}
	.movie_002_01 h3 span {
		font-size: 4vw;
	}
	.movie_002_01 h3 b {
		font-size: 6vw;
		line-height: 1.2;
	}
	.movie_002_01 h3 {
    	font-size: 4vw;
		line-height: 1.5;
	}
	.movie_002_01>div p {
		font-size: 1.5vw;
	}
	.movie_002_01>div ul li {
		font-size:2vw;
	}
	.movie_002 {
		padding: 36vw 0 0;
		background: url(../img/movie_002_bg2.svg) right 0vw top 44vw/ auto no-repeat, url(../img/movie_002_bg.png) top/cover no-repeat;
		position: relative;
	}
	.movie_002_02 h2{
		padding:14vw 0 0;
	}
	.movie_002_02 ol li h3 {
		font-size: 1.7vw;
	}
	.movie_002_02 ol li p:last-child{
		font-size:1.5vw;
	}
	.movie_001_01 ol li a span{
		font-size:1vw;
	}
	.movie_001_01 ol li a img{
		width:4vw;
	}
}

@media screen and (max-width:768px){
	.movie_002 {
    	padding: 170vw 0 0 ;
		background: url(../img/movie_002_bg2.svg) right -2vw bottom 122vw/ 104vw no-repeat,
   					url(../img/sp_movie_002_bg.svg) right top / auto no-repeat;
    	position: relative;
	}
	.movie_002_01 {
		top: -28vw;
	}
	.movie_002_01 h2 {
		font-size: 5.5vw;
		line-height: 1.3;
		padding: 0 0.5em;
		top: 7vw;
		left: 0;
	}
	.movie_002_01>div {
		overflow: visible;
    	width: 84%;
		padding: 24vw 7vw 14vw;
	}
	.movie_002_01>div div {
		width: 100%;
		float: none;
	}
	.movie_002_01>div ul {
		width: 100%;
		float: none;
		position: relative;
		padding: 0;	
		margin: 0 0 5vw;
	}
	.movie_002_01 h3 {
		font-size: 7vw;
		line-height: 1.5;
		text-align: center;
		margin: 0 0 8vw;
	}
	.movie_002_01 h3 span {
		font-size: 7.5vw;
	}
	.movie_002_01 h3 b {
		font-size: 11vw;
		margin-right: 0;
		line-height: 1.2;
		vertical-align: -1.2vw;
	}
	.movie_002_01>div ul::before {
		width: 42vw;
		height: 16.7vw;
		top: -60vw;
		right: -11vw;
		z-index: 2;
	}
	.movie_002_01>div ul li {
		font-size: 4vw;
		line-height: 2.8;
		margin-bottom: 1vw;
	}
	.movie_002_01>div ul::after {
		font-size: 3.2vw;
		bottom: -4vw;
	}
	.movie_002_01>div p {
		font-size: 3.6vw;
		line-height: 1.6;
		margin: 0 0 5vw;
		text-align: center;
	}
	.movie_002_01 a {
		width: 94%;
		text-align: center;
		font-size: 3.4vw;
		padding: 3vw 0; 
		color: #000;
		margin: 0 auto;
		font-weight: bold;
	}
	.pc.btn_effect{
		display: none
	}
	.movie_002_02{
		width:100%;
		padding:0 0 14vw;
	}
	.movie_002_02 h2 {
		text-align: center;
		font-size: 6.5vw;
		color: #0f2848;
		margin: 0;
	}
	.movie_002_02 ol{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		width: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 0;
		padding: 18vw 0 0;
	}
	.movie_002_02 ol::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	.movie_002_02 ol li{
		display:inline-block;
		width: 76%;
		margin:0 5% 0 0;
		vertical-align: top;
		float:none;
		height: 107vw;
	}
	.movie_002_02 ol li:first-child{
		margin-top:0;
		margin-left:6%;
	}
	.movie_002_02 ol li:nth-child(3n) {
		margin: 0 5% 0 0;
	}
	.movie_002_02 ol li:last-child {
    	margin-right: 6%;
	}
	.movie_002_02 ol li:nth-child(1),
	.movie_002_02 ol li:nth-child(4) {
		margin-top: 0;
	}
	.movie_002_02 ol li>img {
		position: absolute;
		left: 1vw;
		top: -15vw;
		width: 18vw;
	}
	.movie_001_01 ol li a span {
		font-size: 3vw;
		margin-right: 0.5em;
	}
	.movie_002_02 ol li p{
		white-space: initial;
	}
	.movie_002_02 ol li h3 {
		font-size: 4.5vw;
		padding: 9vw 0 0;
		margin: 0;
		letter-spacing: 0.5vw;
		line-height:1.3;
		color:#000;
	}
	.movie_002_02 ol li:nth-child(4) h3{
		padding:5vw 0 0;
	}
	.movie_002_02 ol li p:last-child {
		font-size: 3.2vw;
		padding: 6vw 6vw;
	}
	.movie_002_02 ol li:nth-child(4) p:last-child {
		padding:4vw 6vw 6vw;
	}
	.movie_002_02 section>img{
		width: 21vw;
    	margin-left: 61vw;
	}
}
/*movie_002 end*/

/*movie_003 start*/
.movie_003{
	padding:160px 0 0;
	background: url(../img/movie_003_bg2.svg) center top 108px/ auto no-repeat, url(../img/movie_003_bg.png) top/cover no-repeat;
	position: relative;
}
.movie_003 h2{
	color:#d4b619;
	font-size:28px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 0 100px;
}
.movie_003 ol{
	display:flex;
	justify-content: center;
	max-width:1250px;
	margin: 0 auto;
}
.movie_003 ol li{
	width: calc( ( 100% - 228px ) / 4 );
	margin-right:76px;
	position: relative;
}
.movie_003 ol li:nth-child(2){
	transition-delay: 0.2s;
}
.movie_003 ol li:nth-child(3){
	transition-delay: 0.4s;
}
.movie_003 ol li:last-child{
	margin-right:0;
	transition-delay: 0.6s;
}
.movie_003 dt{
	font-size:32px;
	letter-spacing: 1em;
	text-indent:1em;
	color:#fff;
	text-align: center;
	padding:76px 0 166px;
	background:url("../img/movie_003_01.svg") top/ 100% no-repeat;
	margin: 0 0 30px;
}
.movie_003 li:nth-child(2) dt{
	background:url("../img/movie_003_02.svg") top/ 100% no-repeat;
}
.movie_003 li:nth-child(3) dt{
	background:url("../img/movie_003_03.svg") top/ 100% no-repeat;
}
.movie_003 li:nth-child(4) dt{
	background:url("../img/movie_003_04.svg") top/ 100% no-repeat;
}
.movie_003 li:not(:nth-child(4)) dt::before{
	width:63px;
	height:7px;
	background:url("../img/movie_003_arrow.svg") center /100% no-repeat;
	position: absolute;
	content:"";
	display:block;
	right: -63px;
    top: 142px;
}
.movie_003 dd{
	text-align: center;
}
.movie_003 dd p{
	font-size:18px;
	line-height:2;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: left;
	display:inline-block;
}
.movie_003_01{
	padding: 0 0 220px;
}
.movie_003_02{
	padding: 52px 60px 52px 96px;
    box-sizing: border-box;
    max-width: 80%;
    background-color: #fff;
    filter: drop-shadow(4px 4px 6px rgba(0,0,0,.1));
    position: absolute;
    max-width: 1024px;
    left: 50%;
    top: 780px;
    margin-left: -721px;
}
.movie_003_02.slide_in_left{
	transform: translateX(-150%);
	opacity: 0;
	transition:1s;
}
.movie_003_02.slide_in_left_show{
	transform: translateX(0);
	opacity: 1;
	transition:1s;
}
.movie_003_02::before{
	content: "";
    display: block;
    width: 60%;
    background-color: #fff;
    position: absolute;
    height: 100%;
    left: -60%;
    top: 0;
}
.movie_003_02 h3{
	font-size: 21px;
	color:#0f2848;
	background: #d4b619;
	margin: 0 0 28px;
	display:inline-block;
	line-height: 1.4;
}
.movie_003_02>div{
	width:596px;
	float:left;
}
.movie_003_02 .msg{
	font-size:26px;
	margin: 0 0 24px;
	letter-spacing: 1px;
	color:#d4b619;
}
.movie_003_02 img{
	float:right;
}
.movie_003_02 p:last-child{
	font-size:16px;
	line-height:1.9;
	font-family: 'Noto Sans JP', sans-serif;
}
.movie_003_03{
	background:#dee5ea url(../img/movie_003_03_bg.png) bottom / cover no-repeat;
	padding:136px 0 95px;
}
.movie_003_03>div{
	width:80%;
	margin: 0 auto;
	max-width:1160px;
	display:table;
}
.movie_003_03>div>div{
	width:39%;
	display:table-cell;
	text-align: left;
	vertical-align: middle
}
.movie_003_03 h2{
	color:#0f2848;
	line-height:1.6;
	text-align: left;
	margin:0 0 26px;
	font-size:32px;
}
.movie_003_03>div>div p{
	font-size:16px;
	line-height:1.8;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";
    list-style-type: disc !important;
}
.movie_003_03>div>ul{
	width:100%;
	overflow: hidden;
}
.movie_003_03>div>ul li{
	width:49.3%;
	margin:0 0 9px;
	float:right;
}
.movie_003_03>div>ul li:nth-child(n+2) a{
	background:#d4b619;
}
.movie_003_03>div>ul li:nth-child(n+2) a:hover{
	background:#e2d969;
	transition:0.5s;
}
.movie_003_03>div>ul li a img{
	width:100%;
}
.movie_003_03>div>ul li:first-child{
	width:53%;
	float:left;
	padding:24px 0.5% 24px 5.5%;
	background:#001b38;
}
.movie_003_03>div>ul li:first-child:hover{
	background:#193554;
	transition:0.5s;
}
.movie_003_03>div>ul li:first-child img:hover{
	opacity:0.5;
	transition:0.5s;
}
.movie_003_03>div>ul li:first-child a:nth-child(3) img{
	border-bottom:1px solid #41546e;
}
.movie_003_03>div>ul li:nth-child(n+2){
	width:40%;
	float:right;
}
.movie_003_03>div>ul li:nth-child(2) {
    margin: 0 0 6px;
}

@media screen and (max-width:1350px) and (min-width:1251px){
	.movie_003_02 {
		padding: 52px 60px 52px 4%;
		left: 0;
		margin-left: 0;
	}
	.movie_003 ol {
		width: 85%;
	}
	.movie_003 li:not(:nth-child(4)) dt::before {
		width: 3vw;
		right: -3vw;
		top: 10vw;
	}
	.movie_003 dt {
		font-size: 2vw;
		padding: 4.5vw 0 12.5vw;
		margin: 0 0 2vw;
	}
	.movie_003 dd p {
		font-size: 1.2vw;
	}
	.movie_003_01 {
		padding: 0 0 280px;
	}
	.movie_003_02{
		top:800px;
	}
}

@media screen and (max-width:1250px){
	.movie_003 {
		padding: 17vw 0 0;
	}
	.movie_003 ol {
		display: flex;
		flex-wrap: wrap;
		width: 80%;
	}
	.movie_003 ol li {
    	width: 28vw;
		margin-right: 7vw;
	}
	.movie_003 ol li:nth-child(2n){
		margin-right:0;
	}
	.movie_003 dt {
		font-size: 3vw;
		padding: 7.5vw 0 20vw;
		background: url(../img/movie_003_01.svg) top/ 100% no-repeat;
		margin: 0 0 2vw;
	}
	.movie_003_01 {
		padding: 0 0 26vw;
	}
	.movie_003 dd p {
		font-size: 1.5vw;
		line-height: 2;
		margin: 0 0 5vw;
	}
	.movie_003_02 {
		padding: 5vw;
		max-width: 80%;
		max-width: 1024px;
		width: 100%;
		left: 0;
		top: auto;
		margin-left: 0;
		bottom: 36vw;
	}
	.movie_003_02>div {
		width: 60%;
	}
	.movie_003 li:not(:nth-child(4)) dt::before {
		width: 6vw;
		height: 6vw;
		background: url(../img/movie_003_arrow.svg) center /100% no-repeat;
		position: absolute;
		content: "";
		display: block;
		right: -6vw;
		top: 14vw;
	}
	.movie_003 li:nth-child(2) dt::before{
		top: auto;
		bottom: 4vw;
		transform: rotate(135deg);
		left: -6vw;
	}
	.movie_003_03 {
		padding: 20vw 0 8vw;
	}
	.movie_003_03>div {
		width: 90%;
	}
	.movie_003_03 h2 {
		margin: 0 0 2vw;
		font-size: 2.6vw;
	}
	.movie_003_02 .msg {
		font-size: 2.3vw;
		margin: 0 0 2vw;
	}
}
@media screen and (max-width:1632px) and (min-width:769px){
	.movie_003_03>div>ul li:first-child {
		padding: 1.5vw 0.5% 1.5vw 5.5%;
	}
}
@media screen and (max-width:768px){
	.movie_003 {
		padding: 21vw 0 0;
		background:url(../img/movie_003_bg2.svg) center top 9vw/ 74vw no-repeat,
    			   url(../img/sp_movie_003_bg.svg) top/cover no-repeat;
	}
	.movie_003 h2 {
		font-size: 5.5vw;
		letter-spacing: 1vw;
		line-height: 1.8;
		margin: 0 0 10vw;
		text-indent: 0.5em;
	}
	.movie_003 ol{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		width: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 0;
		padding: 0 0 100vw;
	}
	.movie_003 ol::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	.movie_003 ol li,
	.movie_003 ol li:nth-child(2){
		display:inline-block;
		width: 52%;
		margin:0 16% 0 0;
		vertical-align: top;
		float:none;
	}
	.movie_003 ol li:first-child{
		margin-left:15%;
	}
	.movie_003 dt {
		font-size: 7vw;
		padding: 14.5vw 0 35vw;
		background: url(../img/movie_003_01.svg) top/ 100% no-repeat;
		margin: 0 0 2vw;
	}
	.movie_003 li:not(:nth-child(4)) dt::before,
	.movie_003 li:nth-child(2) dt::before{
		width: 14vw;
		height: 2vw;
		background: url(../img/sp_movie_003_arrow.svg) center /100% no-repeat;
		position: absolute;
		content: "";
		display: block;
		right: -14vw;
		top: 28vw;
		bottom: auto;
		transform: rotate(0deg);
		left: auto;
	}
	.movie_003 ol li:last-child{
		margin-right:16%;
	}
	.movie_003 dd p {
		font-size: 3.4vw;
	}
	.movie_003_01 {
		padding: 0 0 30vw;
	}
	.movie_003_02::before{
		display:none;
	}
	.movie_003_02 {
		padding: 20vw 9vw 15vw;
		max-width: 88%;
		width: 100%;
		text-align: center;
		left: 6%;
		bottom: auto;
    	top: 162vw;
	}
	.movie_003_02>div {
		width: 100%;
		text-align: left;
	}
	.movie_003_02 h3 {
		font-size: 4.5vw;
	}
	.movie_003_02 h3 {
		font-size: 4.5vw;
		position: absolute;
		top: 10vw;
		left: 8.5vw;
	}
	.movie_003_02 img {
		float: none;
		width: 60vw;
		margin: 0 0 5vw;
	}
	.movie_003_02 .msg {
		font-size: 5vw;
		margin: 0 0 2vw;
		line-height: 1.5;
		font-weight: bold;
	}
	.movie_003_02 p:last-child {
    	font-size: 3.2vw;
		line-height: 2;
	}
	.movie_003_03 {
		padding: 32vw 0 12vw;
		background:#dee5ea url(../img/sp_movie_003_03_bg.svg) bottom / cover no-repeat;
	}
	.movie_003_03>div {
		width: 85%;
		display: block;
	}
	.movie_003_03>div>div {
    	width: 100%;
		display: block;
	}
	.movie_003_03 h2{
		text-indent:0;
		margin: 0 0 2vw;
	}
	.movie_003_03>div>div p {
		font-size: 3.6vw;
		line-height: 1.8;
		margin: 0 0 6vw
	}
	.movie_003_03>div>ul li:first-child {
		width: 100%;
		float: left;
		padding: 6vw 7vw 6vw;
		box-sizing: border-box;
		background: #001b38;
		margin: 0 0 1.5vw;
	}
	.movie_003_03>div>ul li:nth-child(n+2) {
		width: 49%;
		float: left;
	}
	.movie_003_03>div>ul li:nth-child(2) {
		margin-right:2%;
	}
}
/*movie_003 end*/

/*movie_004 start*/
.movie_004{
	padding:118px 0 0;
	background:url("../img/movie_004_bg.svg") left calc(50% - 183px) top 83px/auto no-repeat;
	text-align: center;
}
.movie_004 h2{
	font-size:28px;
	color:#0f2848;
	letter-spacing: 2px;
	text-indent: -2px;
	margin: 0 0 34px;
}
.movie_004 section>p{
	font-size:18px;
	line-height:1.7;
	margin: 0 0 73px;
}
.movie_004 ol{
	width:80%;
	max-width:1160px;
	margin: 0 auto;
	display:flex;
	justify-content: center;
}
.movie_004 ol li{
	padding:80px 40px 36px;
	box-sizing: border-box;
	background:#dee5ea url("../img/movie_004_box_bg.svg")  right bottom /auto no-repeat;
	position: relative;
}
.movie_004 ol li:not(:last-child){
	margin-right:47.5px;
}
.movie_004 ol li h3{
	font-size: 17px;
	line-height:1.4;
	color:#fff;
	background:#0f2848;
	display:inline-block;
	position: absolute;
	left:0;
	top:-14px;
	padding:8px 18px;
	letter-spacing: 2px;
	font-weight: 600;
}
.movie_004 ol li img{
	position: absolute;
	right:24px;
	top:-12px;
}
.movie_004 ol li{
	text-align: left;
	width: calc( ( 100% - 95px ) / 3 );
}
.movie_004 ol li:nth-child(2){
	transition-delay: 0.2s;
}
.movie_004 ol li:nth-child(3){
	transition-delay: 0.4s;
}
.movie_004 ol li .msg{
	font-size:20px;
	line-height:1.5;
	color:#0f2848;
	padding:17px 0 27px;
	border-bottom:1px solid #a5b8c6;
	margin: 0 0 21px;
	font-weight: 600;
}
.movie_004 ol li:nth-child(2) .msg{
	padding:0 0 14px;
}
.movie_004 ol li .txt{
	font-size:16px;
	line-height:1.9;
	font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width:1250px){
	.movie_004 ol li h3 {
    	font-size: 1.3vw;
    padding: 0.6vw 1.2vw;
	}
	.movie_004 ol li {
		padding: 5vw 2vw 3vw;
	}
	.movie_004 ol li .msg {
		font-size: 1.7vw;
		padding: 2vw 0 1.5vw;
	}
	.movie_004 ol li .txt {
		font-size: 1.5vw;
	}
	.movie_004 ol li img {
		position: absolute;
		right:1vw;
		top: -1vw;
		width: 8vw;
	}
}

@media screen and (max-width:768px){
	.movie_004 {
		padding: 20vw 0 0;
		background: url(../img/movie_004_bg.svg) left -1vw top 15vw/102vw no-repeat;
	}
	.movie_004 h2 {
		font-size: 6.5vw;
		margin: 0 0 5vw;
	}
	.movie_004 section>p {
		font-size: 3.8vw;
		line-height: 1.8;
		margin: 0 auto 12vw;
		width: 90%;
		text-align: left;
	}
	.movie_004 ol{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		width: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 0;
		padding: 5vw 0 4vw;
	}
	.movie_004 ol::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	.movie_004 ol li{
		display:inline-block;
		width: 74%;
		margin:0 4% 0 0;
		vertical-align: top;
		float:none;
		padding:18vw 8vw 9vw;
	}
	.movie_004 ol li:first-child{
		margin-left:5%;
	}
	.movie_004 ol li h3 {
		font-size: 3.6vw;
		padding: 1.5vw 3.5vw;
	}
	.movie_004 ol li .msg {
		font-size: 4vw;
		padding: 0 0 9vw;
	}
	.movie_004 ol li img {
		position: absolute;
		right: 7vw;
		top: -3vw;
		width: 22vw;
	}
	.movie_004 ol li .txt {
		font-size: 3.3vw;
		white-space: initial;
	}
	.scroll_page{
		width:60%;
		margin: 0 auto;
		text-align: center;
	}
	.scroll_page span{
		width: 8px;
		height: 8px;
		background-color: #d3dce3;
		border-radius: 50%;
		display: inline-block;
		z-index: 10;
	}
	.scroll_page span:not(:last-child){
		margin-right:8px;
	}
	.scroll_page span.current{
		background-color:#d4b619;
	}
}
/*movie_004 end*/

/*movie_005 start*/
.movie_005{
	padding:270px 0 350px;
	margin-top:-90px;
	background:url("../img/movie_005_bg2.svg") center top 214px/auto no-repeat,url("../img/movie_005_bg.png") top/cover no-repeat;
}
.movie_005>div{
	max-width:1100px;
	width:80%;
	margin:0 auto;
	position: relative;
}
.movie_005 h2{
	font-size:28px;
	color:#fff;
	text-align: center;
	margin: 0 0 110px;
	letter-spacing: 4px;
	text-indent: 8px;
}
.movie_005 dl{
	padding:0 0 60px;
	box-sizing: border-box;
	border-bottom:1px solid #495c74;
}
.movie_005 dt{
	padding:60px 100px 0;
	font-size:21px;
	color:#fff;
	line-height:2;
	position: relative;
	font-weight: bold;
	box-sizing: border-box;
}
.movie_005 dt::before{
	content:"";
	background:url("../img/movie_005_n1.svg") center / auto no-repeat;
	width: 60px;
    height: 58px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    left: 0px;
	top: 53px;
}
.movie_005 dl:nth-child(2) dt::before{
	background:url("../img/movie_005_n2.svg") center / auto no-repeat;
}
.movie_005 dl:nth-child(3) dt::before{
	background:url("../img/movie_005_n3.svg") center / auto no-repeat;
}
.movie_005 dl:nth-child(4) dt::before{
	background:url("../img/movie_005_n4.svg") center / auto no-repeat;
}
.movie_005 dl:nth-child(5) dt::before{
	background:url("../img/movie_005_n5.svg") center / auto no-repeat;
}
.movie_005 dt::after{
	width: 18px;
    height: 18px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    right: 20px;
    top: 69px;
	transform:rotate(135deg);
	display:inline-block;
	position: absolute;
	transition:0.3s;
}
.movie_005 dt.active::after{
	transform:rotate(-45deg);
	transition:0.3s;
}
.movie_005 dd{
	display:none;
}
.movie_005 dd p{
	font-size:16px;
	line-height:1.9;
	padding:30px 150px 0 100px;
	box-sizing: border-box;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width:1250px){
	.movie_005 dt {
		font-size: 2vw;
	}
	.movie_005 dd p {
		font-size: 1.5vw;
		padding: 2vw 0 0;
	}
}
@media screen and (max-width:768px){
	.movie_005 {
		padding: 50vw 0 30vw;
		margin-top: -26vw;
		background:url(../img/movie_005_bg2.svg) center top 38vw/80vw no-repeat,
                  url(../img/sp_movie_005_bg.svg) bottom/cover no-repeat
	}
	.movie_005 h2 {
		font-size: 6vw;
		color: #fff;
		text-align: center;
		margin: 0 0 10vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
	}
	.movie_005>div{
		width:90%;
	}
	.movie_005 dl {
    	padding: 0 0 8vw;
	}
	.movie_005 dt{
		font-size: 4.5vw;
    	padding: 8vw 11vw 0 19vw;
	}
	.movie_005 dt::after {
		width: 4vw;
		height: 4vw;
		right: 3vw;
		top: 14vw;
	}
	.movie_005 dt::before {
		background: url(../img/movie_005_n1.svg) center / 100% no-repeat;
		width: 14vw;
		height: 15vw;
		left: 0;
		top: 10vw;
	}
	.movie_005 dl:nth-child(2) dt::before{
		background:url("../img/movie_005_n2.svg") center / 100% no-repeat;
	}
	.movie_005 dl:nth-child(3) dt::before{
		background:url("../img/movie_005_n3.svg") center / 100% no-repeat;
	}
	.movie_005 dl:nth-child(4) dt::before{
		background:url("../img/movie_005_n4.svg") center / 100% no-repeat;
	}
	.movie_005 dl:nth-child(5) dt::before{
		background:url("../img/movie_005_n5.svg") center / 100% no-repeat;
	}
	.movie_005 dd p {
		font-size: 3.4vw;
		padding: 5vw 0 0;
	}
}
/*movie_005 end*/

/*movie_006 start*/
.movie_006>div{
	width:80%;
	max-width:1160px;
	margin: -187px auto 0;
	font-family: 'Noto Sans JP', sans-serif;
	background-color:#dee5ea;
	filter: drop-shadow(4px 4px 6px rgba(0,0,0,.1));
	text-align: center;
	padding:90px 30px 92px;
}
.movie_006 h2{
	margin: 0 0 40px;
}
.movie_006 h2 span{
	font-size:16px;
	margin:0 0 14px;
	display:block;
	color:#0f2848;
}
.movie_006 section>div>p{
	font-size:18px;
	line-height:1.95;
	margin: 0 auto 65px;
	width:480px;
	text-align: left;
	color:#0f2848;
}
.movie_006 ul{
	display:flex;
	margin: 0 0 62px;
}
.movie_006 ul li{
	width:33.33%;
	padding:0 3%;
	border-right:1px dashed #000;
	box-sizing: border-box;
	position: relative;
}
.movie_006 ul li:nth-child(2){
	transition-delay: 0.2s;
}
.movie_006 ul li:last-child{
	border:none;
	transition-delay: 0.4s;
}
.movie_006 ul li img{
	width:80%;
	margin: 0 0 38px;
}
.movie_006 h3{
	font-size:24px;
	color:#1c4084;
	margin: 0 0 36px;
}
.movie_006 ul li span{
	background-color:#d4b619;
	display:block;
	font-size:18px;
	line-height:1.8;
	font-family: 'Sulphur Point', sans-serif;
	color:#1c4084;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0 0 23px;
}
.sp.movie_006_arrow{
	margin:0;
}

.movie_006 ul li p{
	font-size:16px;
	line-height:2.3;
	text-align: left;
}
.movie_006 ul li div div{
	position: absolute;
	bottom:8px;
	text-align: center;
	display:block;
	padding:0 5%;
	left:0;
	width:100%;
	box-sizing: border-box;
}
.movie_006 ul li div a {
    font-size: 17px;
    color: #fff;
    background-color: #001b38;
    text-align: center;
    border-radius: 30px;
    letter-spacing: 2px;
    padding: 17px 0;
    width: 90%;
    transition: 0.3s;
    font-family: 'Noto Serif JP',"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.movie_006 ul li div a:hover{
	background-color:#193554;
	transition:0.3s;
}
.btn_effect{
	display:block;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.btn_effect1{
	margin:0 auto;
}
.btn_effect:before {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition:.3s;
}
.btn_effect:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    transition:.3s;
}
.btn_effect:hover:before {
	bottom: 0%;
    transition:.3s;
}
.btn_effect:hover:after {
	top: 0%;
    transition:.3s;
}
.btn_effect1:before{
	background-color:#d4b619;
}
.btn_effect2:before{
	background-color:#0f2848;
}
.movie_006 .link{
	font-size:20px;
	color:#fff;
	text-align: center;
	padding: 36px 0;
	max-width:700px;
	width:80%;
	background-color: #001b38;
	font-family: 'Noto Serif JP',"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	transition:0.3s;
	margin: 0 auto;
}
.movie_006 .link:hover{
	background-color:#193554;
	transition:0.3s;
}
@media screen and (max-width:1250px){
	.movie_006 ul li {
    	width: 33.33%;
		padding: 0 3%;
	}
	.movie_006 ul li h3{
		font-size:1.7vw;
		margin: 0 0 2vw;
	}
	.movie_006 ul li span {
		font-size: 1.5vw;
		margin: 0 0 2vw;
	}
	.movie_006 ul li p {
		font-size: 1.5vw;
	}
	.movie_006 section>div>p {
		font-size: 1.8vw;
		margin: 0 auto 5vw;
		width: 66%
	}
	.movie_006 ul li div a {
		font-size: 1.5vw;
		padding: 1.2vw 0;
	}
	.movie_006 .link {
		font-size: 2vw;
		padding: 2.5vw 0;
	}
}

@media screen and (max-width:768px){
	.movie_006>div {
		width: 86%;
		margin: -15vw auto 0;
		text-align: center;
		padding: 14vw 10vw;
		box-sizing: border-box;
	}
	.movie_006 h2{
		margin: 0 0 8vw;
	}
	.movie_006 h2 span {
		font-size: 3.4vw;
		margin: 0 0 5vw;
		line-height: 1.8;
	}
	.movie_006 h2 img{
		width:100%;
	}
	.movie_006 section>div>p {
		font-size: 3.5vw;
		margin: 0 auto 10vw;
		width: 90%;
	}
	.movie_006 ul {
		display: block;
		margin: 0 0 10vw;
	}
	.movie_006 ul li {
		width: 100%;
		padding: 12vw 0 20vw;
		border:none;
		border-bottom:1px dashed #000;
		position: relative;
	}
	.movie_006 ul li:first-child{
        border-top:1px dashed #000;
    }
	.movie_006 ul li:last-child{
		border-bottom:1px dashed #000;
	}
	.movie_006 .movie_006_arrow{
		content:"";
		width:3vw;
		height:3vw;
		border-top:1px solid #1c4084;
		border-right: 1px solid #1c4084;
		transform: rotate(135deg);
		position: absolute;
		bottom:9vw;
		left:50%;
		margin-left:-2vw;
		transition:0.5s;
		background-color: transparent;
	}
	.movie_006 .active .movie_006_arrow{
		transform: rotate(-45deg);
		transition:0.5s;
	}
	.movie_006 .movie_006_arrow::before{
		content: "";
		display: block;
		width: 74vw;
		position: absolute;
		top: -4vw;
		left: -36vw;
		height: 10vw;
		transform: rotate(-135deg);
	}
	.movie_006 ul li img {
		width: 78%;
		margin: 0 0 8vw;
	}
	.movie_006 ul li h3 {
		font-size: 5vw;
		margin: 0 0 6vw;
	}
	.movie_006 ul li span {
		font-size: 3.6vw;
		line-height: 2;
		margin: 0 0 4vw;
	}
	.movie_006 .movie_006_list{
		font-size:4vw;
		font-weight:bold;
		color:#1c4084;
		line-height: 1.6;
		margin: 0 0 4vw;
	}
	.movie_006 .movie_006_txt{
		display:none;
	}
	.movie_006 ul li p {
		font-size: 3.4vw;
		line-height: 2.3;
		margin: 0 0 5vw;
	}
	.movie_006 ul li div div{
		position: static;
		padding: 0 5% 5vw;
	}
	.movie_006 ul li div a {
    	font-size: 3.4vw;
		padding: 3vw 0;
		font-family: 'Noto Serif JP';
	}
	.movie_006 .link {
		font-size: 4vw;
		padding: 4vw 0;
		letter-spacing: 0.5vw;
		line-height: 1.5;
		width: 100%;
	}
	.movie_006_arrow1{
		width: 16vw;
		position: absolute;
		top: 52vw;
		right: 9vw;
	}
}
/*movie_006 end*/

/*movie_007 start*/
.movie_007{
	padding:165px 0 384px;
	background: url("../img/movie_007_bg.svg") center top 108px / auto no-repeat
}
.movie_007>div{
	max-width:800px;
	width:80%;
	margin:0 auto;
	position: relative;
}
.movie_007>div div{
	font-family: 'Noto Sans JP', sans-serif;
}
.movie_007 section>p{
	margin: 0 0 80px;
	text-align: center;
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
}
.movie_007 h2{
	font-size:28px;
	color:#0f2848;
	text-align: center;
	margin: 0 0 52px;
	font-weight: bold;
	letter-spacing: 2px;
	text-indent:-4px;
}
.movie_007 fieldset{
	margin: 0 0 50px;
}
.movie_007 label,
.movie_007 legend{
	display:block;
	margin: 0 0 13px;
	font-size:19px;
}
.movie_007 label span,
.movie_007 legend span{
	color:#ed1c24;
}
.movie_007 input[type="text"],
.movie_007 input[type="email"],
.movie_007 textarea{
	width: 100%;
    font-size: 16px;
    background: #f3f3f3;
    line-height: 1.5;
    border: none;
    padding: 19px 5px;
}
.movie_007 select{
    text-indent: 0.01px;
    text-overflow: ellipsis;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
	border: 1px solid #cccccc;
    padding: 10px;
	min-width: 266px;
}
.privacy{
	padding:54px 40px 57px;
	box-sizing: border-box;
	border:1px solid #e6e6e6;
	text-align: center;
	margin: 0 0 50px;
}
.privacy p{
	font-size:16px;
	line-height: 2;
	margin:0 0 46px;
	text-align: left;
}
.privacy h3{
	font-size:19px;
	margin: 0 0 25px;
}
.privacy h3 span{
	color:#ed1c24;
}
.privacy p.doui{
	text-align: center;
	margin:0;
}
.privacy p.doui input{
	margin-right:0.5em;
	border:1px solid #b3b3b3;
}
.contact_btn{
	text-align: center;
	margin:0;
}
.contact_btn input{
	background-color:#ccc;
	transition:0.5s;
}
.topBtn {
    position: absolute;
    bottom: 83px;
    right: 57px;
    width: 88px;
    height: 88px;
    box-sizing: border-box;
    opacity: 1;
	transition:0.5s;
}
.topBtn:hover{
	opacity: 0.6;
	transition:0.5s;
}
footer{
	padding:0 53px 82px;
}
footer p,footer a{
	font-size:12px;
	color:#808080;
	font-family: 'Noto Sans JP', sans-serif; 
}
footer img{
	margin-right:19px;
	vertical-align: middle;
}
@media screen and (max-width:768px){
	.movie_007 {
		padding: 30vw 0;
		background: url(../img/movie_007_bg.svg) center top 19vw/ 104vw no-repeat;
	}
	.movie_007 h2 {
		font-size: 6.5vw;
		margin: 0 0 14vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
	}
	.movie_007 section>p {
		margin: 0 0 15vw;
		line-height: 1.8;
		font-size: 3.8vw;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.movie_007>div{
		width:90%;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.movie_007 label, .movie_007 legend {
		display: block;
		margin: 0 0 3vw;
		font-size: 4.2vw;
	}
	.movie_007 input[type="text"],
	.movie_007 input[type="email"],
	.movie_007 textarea {
    	width: 100%;
		padding: 3vw;
		box-sizing: border-box;
	}
	.movie_007 fieldset {
    	margin: 0 0 9vw;
	}
	.movie_007 fieldset:nth-child(6){
		margin-bottom:4vw;
	}
	.movie_007 select{
		width:60%;
	}
	.privacy {
		padding: 12vw 7vw 10vw;
		margin: 0 0 10vw;
	}
	.privacy p {
		font-size: 3.2vw;
		line-height: 2;
		margin: 0 0 6vw;
		text-align: left;
	}
	.privacy h3 {
		font-size: 4vw;
		margin: 0 0 5vw 2vw;
		letter-spacing: 0.5vw;
	}
	.contact_btn input{
		width:60vw;
	}
	.topBtn {
		bottom: 20vw;
		right: 4vw;
		display: block;
		width: 13vw;
		height: 13vw;
	}
	footer {
		padding: 0 5vw 10vw;
	}
	footer p, footer a {
		font-size: 2.6vw;
		margin: 2vw 0;
		color: #808080;
		display:block;
	}
	footer img {
		width: 40vw;
		margin: 0 0 1vw;
	}
}


/*お問い合わせ確認画面*/
.check_001{
	font-family: 'Noto Sans JP', sans-serif; 
}
.check_001 h1{
	padding:20px 0 20px 30px;
	margin: 0 0 30px;
}
.check_001 h2{
	text-align: center;
	font-size:20px;
	padding:15px;
	font-weight: bolder;	
	margin-bottom:50px;
}
.check_001 p{
	text-align: center;
	margin-bottom:34px;
	line-height: 1.5;
}
.check_001 form{
	width:970px;
	margin:0 auto;
}
.check_001 table{
	margin-bottom:60px;
}
.check_001 tr{
	border-bottom:1px solid #ccc;
}
.check_001 th,.check_001 td{
	padding:20px 10px;
	font-weight:normal;
	line-height:1.5;
}
.check_001 th{
	width:200px;
	text-align:left;
}
.check_001 td{
	width:730px;
}
.check_001 input{
	background-color:#23367f;
	color:#fff;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:1px solid #fff;
	padding:10px ;
	cursor: pointer;
}
.check_001 input:hover{
	background-color:#fff;
	border:1px solid #23367f;
	transition: 0.5s;
	color:#23367f;
}
.contact_002 {
    padding: 170px 0 0;
    min-height: calc(100vh - 240px);
    text-align: center;
}
.contact_002 h2{
	color:#23367f;
	font-size:25px;
	letter-spacing: 2px;
	text-indent:4px;
	margin: 0 0 50px;
}
.contact_002 p{
	font-size:18px;
	line-height: 1.8;
	margin: 0 0 30px;
}
.contact_002 div a{
	text-align:center;
	margin: 0 auto 30px;
    display: block;
	background-color:#c9bf00;
	position: relative;
	padding: 20px 0;
    width: 350px;
    font-size: 16px;
	color:#fff;
	font-weight: normal
}
.contact_002 div a img{
	width: 20px;
    position: absolute;
    right: 33px;
    bottom: 16px;
}

@media screen and (max-width:768px) {
	.contact_002 h2 {
		font-size: 4.5vw;
		letter-spacing: 0.5vw;
		text-indent: 0.5vw;
		margin: 0 0 6vw;
	}
	.contact_002 p {
		font-size: 3.4vw;
		line-height: 2.5;
		margin: 0 0 2vw;
	}
	.check_001 h1 {
		padding: 5vw;
		box-sizing: border-box;
		text-align: center;
		margin:0 0 0 -3vw;
	}
	.check_001 h1 img{
		width:50vw;
	}
	.check_001 p{
		width:90%;
		line-height: 1.5;
		margin:0 auto 12vw;
		font-size: 3.5vw;
	}
	.check_001 h2{
		font-size:4vw;
		margin-bottom:6vw;
		line-height: 1.3;
	}
	.check_001 form{
		width:90%;
	}
	.check_001 table {
		margin-bottom: 7vw;
	}
	.check_001 th{
		width:35%;
		font-size:3.2vw;
		line-height: 1.5;
	}
	.check_001 td{
		width:65%;
		font-size:3.2vw;
		line-height: 1.5;
	}
	.check_001 input {
		padding: 4vw 5vw 4vw;
		font-size: 3.4vw;
		border-radius: 7vw;
	}
}
.error_page{
	width:100%;
	text-align: center;
}
.error_page h1{
	text-align:center;
	background-color:#23367f;
	color:#fff;
	font-size:16px;
	line-height:2;
	margin-bottom:70px;
	font-weight:normal;
}
.error_page p{
	width:600px;
	margin:0 auto 20px;
}
.error_page p:nth-child(3){
	margin-bottom:80px;
}
.error_page ul{
	width:600px;
	margin:0 auto 50px;
}
.error_page input{
	font-size:16px;
	padding:3px 0;
	width:100px;
	border:1px solid #23367f;
	background-color:#23367f;
	color:#fff;
}
.error_page input:hover{
	color:#23367f;
	background-color:#fff;
	transition:0.5s;
}
@media screen and (max-width:768px) {
	.error_page ul{
		width:90%;
		margin:0 auto 5vw;
	}
}