/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
	.sec_movie_re iframe{
		float: right;
	}
	.sec_movie_re .movie_wrap div{
		float: left;
	}
	.overlay{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10000;
	}
	.overlay .sp{
		display: none;
	}
	.overlay:after{
		content: "×";
		position: absolute;
		right: 30px;
		top: -10px;
		color: #fff;
		font-size: 6rem;
		font-weight: bold;
	}
	.overlay .white_wrap{
		width: 760px;
		padding:10px;
		background: #fff;
		position: fixed;
		left: calc(50% - 390px);
		top: calc(50% - 250px);
	}
	.overlay .white_wrap a{
		display: block;
		width: 180px;
		background: #00478b;
		color: #fff;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		border-radius: 5px;
		margin: 20px auto 0;
		padding: 7px;
		transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
	}
	.overlay .white_wrap a:hover{
		background: #967443;
	}
	#main_wrap{
		width: 100%;
		height: 100vh;
		position: relative;
		background: url(../img/main_bg.jpg) no-repeat -500px 300px;
		background-size: 20% auto;
		transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
		opacity: 0;
	}
	
	.main_bg_act{
		background: url(../img/main_bg.jpg) no-repeat -140px 100px !important;
		background-size: 50% auto !important;
		opacity: 1 !important;
	}

	#main_copy_wrap{
		position: absolute;
		top: calc(43vh - 210px);
		left: 38%;
		padding: 40px 0 0;
		z-index:10;
		transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	#main_copy_wrap h1{
		width: 630px;
		position: relative;
	}
	#main_copy_wrap h1 span.gra{
		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 4.8rem;
		background: linear-gradient( to right,  #481876 25%, #1269ae 75% );
		-webkit-background-clip: text;
		color: transparent;
		padding: 16px 0;
		font-style:oblique;
		width: 380px;
		position:absolute;
		top:30px;
		left:190px;
	}
	#main_copy_wrap h1 span span{
		letter-spacing:-26px;
	}
	
	#main_copy_wrap h1:before{
		content: "";
		display: block;
		width: calc(62vw - 170px);
		height: 2px;
		background: linear-gradient( to right,  #362e8b 25%, #056cc7 75% );
		position: absolute;
		bottom: 15px;
		left: 220px;
	}
	
	#main_copy_wrap p{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 2.6rem;
		letter-spacing: 1px;
		color: #fff;
		font-style:oblique;
		line-height:100%;
		margin: 0 0 0 11px;
	}
	
	#main_copy_wrap p > span{
		display:inline-block;
		padding: 14px 38px 16px 44px;
		margin: 0 0 3px;
		background: linear-gradient( to right,  #481876 25%, #1269ae 100% );
		position: relative;
	}
	
	#main_copy_wrap p > span:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
		position: absolute;
		right: 0;
		top: 0;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	#main_copy_wrap p > span.mask_act:before {
		width: 0;
	}

	#main_copy_wrap p span.ls{
		letter-spacing:-8px
	}

	#sub_copy_wrap{
		position:absolute;
		top: calc(16vw);
		left: 11%;
	}

	#sub_copy_wrap p{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 1.0rem;
		padding: 0 40px 0 0;
		color:#2277d6;
		text-align:center;
		letter-spacing:2px;
		transform: scale(1);
	}

	#sub_copy_wrap p > span{
		display:block;
	}
	#sub_copy_wrap p span{
		line-height: 160%;
	}
	
	/* history_wrap */
	
	.history_wrap{
		width: 59%;
		height: calc(50vh);
		position: absolute;
		right:0;
		top: calc(43vh - 20px);
	}

	.his_swiper_wrap{
		height: calc(50vh);
		overflow:hidden;
		position:relative;
	}

	.his_swiper_wrap .his_img{
		height: calc(50vh);
		overflow:hidden;
		position:relative;
	}

	.his_swiper_wrap .his_img img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	.his_swiper_wrap .his_txt_box{
		position:absolute;
		right: 16%;
		top:50%;
		transform:translate(0, -50%);
	}

	.his_swiper_wrap .num{
        font-family: 'Spectral', serif;
		font-weight:600;
		font-size: 12rem;
		color: #fff;
		letter-spacing:0;
		font-style: italic;
		line-height:100%;
		text-align:right;
		padding:0 26px 0 0;
		text-shadow: 0 0 12px rgba(1, 17, 37,0.5);
	}

	.his_swiper_wrap h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:600;
		font-size:2.2rem;
		color: #fff;
		padding: 10px 33px 10px 0;
		letter-spacing:1px;
		margin:-30px 0 -10px;
		text-align:right;
		text-shadow: 0 0 12px rgba(1, 17, 37,0.5);
	}

	.his_swiper_wrap .body_txt{
        font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		color: #fff;
		padding: 5px 20px;
		letter-spacing:1px;
		line-height:160%;
		text-align:right;
		text-shadow: 0 0 12px rgba(1, 17, 37,0.5);
	}

	.swiper-button-prev_his{
		width:60px;
		height: 60px;
		position: absolute;
		bottom: -30px;
		right: 27%;
		z-index: 20;
		cursor:pointer;
		background:#000000 url(../img/bg_arrow_prev.png) no-repeat center;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.swiper-button-next_his{
		width:60px;
		height: 60px;
		position: absolute;
		bottom: -30px;
		right: 19%;
		z-index: 20;
		cursor:pointer;
		background:#000000 url(../img/bg_arrow_next.png) no-repeat center;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	

	.swiper-button-prev_his:hover{
		background:#000 url(../img/bg_arrow_prev.png) no-repeat 10px center;
	}

	
	.swiper-button-next_his:hover{
		background:#000 url(../img/bg_arrow_next.png) no-repeat 26px center;
	}
	
	
	
	
	
	
	#his_btn_wrap{
		width:480px;
		position: absolute;
		bottom: -23px;
		left: -44px;
		display: flex;
		justify-content:space-between;
		z-index: 999;
	}

	#his_btn_wrap a{
		display:block;
		background:#000;
		width:234px;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		border-radius:20px;
		position:relative;
		overflow:hidden;
	}

	/* en anime s */
		#his_btn_wrap a:before{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-radius:100%;
			background:#fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform:translate(-50%, -50%);
		}

		#his_btn_wrap a:hover:before{
			transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
			width: 240px;
			height: 240px;
			opacity: 0;
		}
	/* en anime e */


	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		background: url(../img/bg01.gif) no-repeat center 0;
		position: absolute;
		left: 0;
		top: calc(100vh + 40px);
		z-index: 10;
	}
	
	#sec01 .wrapper{
		position: relative;
	}
	
	#sec01 .eng_box{
		position: absolute;
		left: 51%;
		top: -47px;
	}
	#sec01 .ttl_eng{
		font-family: 'Spectral', serif;
		font-weight: 300;
		font-size: 9.4rem;
		color: #b4c3d7;
		letter-spacing:0;
		font-style: italic;
		line-height:100%;
	}
	
	#sec01 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 4.6rem;
		color:#fff;
		padding: 44px 0 30px;
		line-height: 100%;
		letter-spacing: 4px;
	}

	#sec01 h2 span{
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 5rem;
		display:inline-block;
		margin:0 5px 0 0;
	}
	
	#sec01 h2 span.ls{
		font-size: 4.6rem;
		letter-spacing:-26px;
	}
	#sec01 p.body_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.4rem;
		letter-spacing: 1px;
		color:#fff;
		padding: 0 0 12px;
	}
	#sec01 p.body_txt2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.4rem;
		letter-spacing: 1px;
		color:#fff;
		padding: 0 0 61px;
	}
	
	#sec01 .bnr_wrap{
		position: absolute;
		left: 0;
		bottom: -17px;
		width: 409px;
		display: flex;
		justify-content:space-between;
	}
	
	#sec01 .bnr_wrap li{
		border-radius:20px;
		width: 202px;
		background: #cfa972 url(/100th/global/img/PDF_24.png) no-repeat 85% center;
	}
	
	
	
	#sec01 .bnr_wrap a{
		display:block;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:7px 0;
		letter-spacing: 1px;
		position:relative;
		overflow:hidden;
	}
	
	#sec01 .bnr_wrap li:first-child a{
		text-indent: -10px;
	}
	
	/* en anime s */
		#sec01 .bnr_wrap a:before{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-radius:100%;
			background:#fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform:translate(-50%, -50%);






		}

		#sec01 .bnr_wrap a:hover:before{
			transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
			width: 180px;
			height: 180px;
			opacity: 0;
		}
	/* en anime e */
	

	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: calc(50vw + 300px);
		background: #00376c;
		margin: 350px 0 0 auto;
		padding: 30px 40px 30px 80px;
		position: relative;
	}
	#sec04 .wrapper{
		position: relative;
		display: flex;
		justify-content: space-between;
		width: 100%;
		gap: 20px;
	}
	#sec04 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 4.6rem;
		color:#fff;
		padding: 30px 0 30px;
		line-height: 100%;
		letter-spacing: 4px;
	}
	#sec04 h2 span{
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 5rem;
		display:inline-block;
		margin:0 5px 0 0;
	}
	#sec04 p.body_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.4rem;
		letter-spacing: 1px;
		color:#fff;
		padding: 0 0 12px;
	}
	#sec04 p.body_cap{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.2rem;
		letter-spacing: 1px;
		color:#fff;
		padding: 20px 0 12px;
	}
	#sec04 p.body_cap a{
		color:#fff;
		text-decoration: underline !important;
	}
	#sec04 p.body_cap a:hover{
		text-decoration: none !important;
	}

	#sec04 .bnr_wrap{
		width: 409px;
		display: flex;
		justify-content:space-between;
		margin-top: 20px;
	}
	
	#sec04 .bnr_wrap li{
		border-radius:20px;
		width: 202px;
		background: #cfa972;
	}
	#sec04 .bnr_wrap a{
		display:block;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:7px 0;
		letter-spacing: 1px;
		position:relative;
		overflow:hidden;
	}
	
	#sec04 .bnr_wrap li:first-child a{
		text-indent: -10px;
	}

	#sec04 .txt-block {
		flex: 1;
	}

	#sec04 .img-block {
		width: 200px;
	}
	#sec04 .img-block figure {
		margin: 0;
		padding: 0;
	}
	#sec04 .img-block figure img {
		width: 100%;
		height: auto;
	}

	#sec04 .sp_contents {
		display: none;
	}

	/* en anime s */
	#sec04 .bnr_wrap a:before{
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-radius:100%;
		background:#fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	#sec04 .bnr_wrap a:hover:before{
		transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
		width: 180px;
		height: 180px;
		opacity: 0;
	}

	
	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		background: #e2e4eb;
		margin: 150px 0 0;
		padding: calc(20vh) 0 calc(10vh);
		position: relative;
	}
	
	#sec02 .wrapper{
		width: 66%;
		margin: 0 0 0 auto;
	}
	
	#sec02 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 3.0rem;
		padding:5px 0;
		letter-spacing: 1px;
		position:relative;
		margin: 0 0 30px;
		color: #000;
	}
	
	#sec02 h2:before{
		content: "";
		display: block;
		width:100%;
		height: 1px;
		background: #a9a9a9;
		position: absolute;
		bottom: 3px;
		left:0;
	}
	
	#sec02 .news_list_wrap{
		width: 90%;
	}
	
	#sec02 .news_list_wrap li {
		margin: 0 0 20px;
	}

	#sec02 .news_info {
		display: flex;
	}

	#sec02 .news_info .day {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		padding: 0 20px 0 0;
		letter-spacing: 1px;
		transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
	}
	
	#sec02 .news_info h3 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		text-align: center;
		color: #fff;
		font-size: 1.3rem;
		padding: 5px 0 0;
		height: 20px;
		line-height: 100%;
		background: #00478b;
		width: 190px;
		letter-spacing: 2px;
		transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
	}

	#sec02 .news_info .info_txt {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		padding: 0 10px 0 20px;
		letter-spacing: 1px;
		max-width: 480px;
		transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
	}

	#sec02 .news_info .info_txt .ls1{
		letter-spacing: -10px;
	}
	#sec02 .news_info .info_txt .ls2{
		letter-spacing: -12px;
		/* vertical-align: -8px; */
	}
	
	#sec02 .news_list_wrap a{
		display:block;
	}

    #sec02 .news_list_wrap a:hover .day {
		color:#967443;
	}
	
	#sec02 .news_list_wrap a:hover h3 {
		background: #967443;
	}

	#sec02 .news_list_wrap a:hover .info_txt {
		color:#967443;
	}
    


	
	
	/* ============================================================
 	section 03
	==============================================================*/
	
	
	#sec03 {
		width: 100%;
		background: #fff;
		padding: 40px 0 150px;
		position: relative;
	}
	
	#sec03:before{
		content: "";
		display: block;
		width: calc(50vw + 464px);
		height: 620px;
		background:#b3ccd9;
		position: absolute;
		top: -70px;
		right: 0;
	}

	#sec03 .eng_txt {
		font-family: 'Spectral', serif;
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing:1px;
		font-style: italic;
		line-height:100%;
		color: #000;
	}
	
	#sec03 h2{
		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 3.2rem;
		font-style:oblique;
		text-indent: -10px;
		color: #000;
		padding: 0 0 40px;
	}
	
	#sec03 h2 span{
		font-family: 'Spectral', serif;
		font-weight: 400;
		font-size: 8.0rem;
		font-style: italic;
	}
	
	#sec03 .project_wrap {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}

	#btn_donation{
		position:absolute;
		right:20px;
		bottom:20px;
	}

	#btn_donation li{
		border-radius:20px;
		width: 218px;
		background: #000000;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		margin: 0 auto;
		letter-spacing: 1px;
		position:relative;
		overflow:hidden;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#sec03 .project_wrap a{
		display:block;
	}
	#sec03 .project_wrap a img{
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	#sec03 .project_wrap a:hover img{
		transform: scale(1.05);
	}

	#sec03 .project_wrap a:hover #btn_donation li{
		background: #471a79;
	}


	#sec03 .project_swiper_wrap{
		width: 1000px;
		overflow:hidden;
		padding: 0 16px 0 0;
	}

	#sec03 .swiper-slide {
		background: #fff;
	}

	#sec03 .swiper-slide a{
		display:block;
		position:relative;
	}

	#sec03 .swiper-slide a:before{
		content: "";
		display: block;
		width: 40px;
		height: 40px;
		background:#00478b url(/100th/global/img/arrow_w.png) no-repeat center;
		background-size: 10px auto;
		position: absolute;
		bottom: 14px;
		right: -14px;
		transition: all 0.5s ease 0s;
	}

	#sec03 .swiper-slide a:hover:before{
		background:#628cc3 url(/100th/global/img/arrow_w.png) no-repeat 20px center;
		background-size: 10px auto;
	}

	#sec03 .project_img {

		height: 164px;
		overflow: hidden;
	}

	#sec03 .swiper-slide a:hover .project_img img{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
		transform: scale(1.1);
	}

	#sec03 .project_txt_box {
		padding: 20px 18px 12px;
	}
	
	#sec03 .project_txt_box h3 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		color: #00478b;
		font-size: 1.7rem;
		line-height: 140%;
		height: 50px;
	}

	#sec03 .swiper-slide a:hover h3{
		transition: all 0.5s ease 0s;
		opacity:0.5;
	}

	#sec03 .univ_box {
		width: 210px;
		margin: 12px 0 0;
	}

	#sec03 .swiper-button-prev_project {
		width:60px;
		height: 60px;
		position: absolute;
		bottom: 45%;
		left: -100px;
		z-index: 20;
		cursor:pointer;
		background:#000 url(../img/bg_arrow_prev.png) no-repeat center;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#sec03 .swiper-button-prev_project:hover{
		background:#000 url(../img/bg_arrow_prev.png) no-repeat 10px center;
		opacity:0.5;
	}

	#sec03 .swiper-button-next_project {
		width:60px;
		height: 60px;
		position: absolute;
		bottom: 45%;
		right: -100px;
		z-index: 20;
		cursor:pointer;
		background:#000 url(../img/bg_arrow_next.png) no-repeat center;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	#sec03 .swiper-button-next_project:hover{
		background:#000 url(../img/bg_arrow_next.png) no-repeat 26px center;
		opacity:0.5;
	}


	#sec03 #project_list_btn_wrap {
		position: absolute;
		left: 10px;
		bottom: -93px;
	}
	
	#sec03 #project_list_btn_wrap a{
		
	}
	
	#sec03 #project_list_btn_wrap a{
		display:block;
		background:#000;
		width:234px;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		border-radius:20px;
		position:relative;
		overflow:hidden;
	}

	/* en anime s */
		#sec03 #project_list_btn_wrap a:before{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-radius:100%;
			background:#fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform:translate(-50%, -50%);
		}

		#sec03 #project_list_btn_wrap a:hover:before{
			transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
			width: 240px;
			height: 240px;
			opacity: 0;
		}
	/* en anime e */
	
	#sec03 .donation_wrap {
		width: 680px;
		margin: 125px 0 0 auto;
		display: flex;
		justify-content:space-between;
	}
	
	#sec03 .donation_wrap p{
		color:#00478b;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		width: 480px;
		line-height: 160%;
	}
	
	#sec03 .donation_wrap li{
		width: 190px;
	}
	#sec03 .donation_wrap a{
		display: block;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding: 8px 0;
		background:#00478b;
		position: relative;
		text-indent: 10px;
		overflow:hidden;
	}
	
	#sec03 .donation_wrap a:before{
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		border-right:solid 1px #fff;
		border-bottom:solid 1px #fff;
		position: absolute;
		top: 50%;
		left: 20px;
		transform:translate(0, -50%) rotate(-45deg);
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	/* en anime s */

		#sec03 .donation_wrap a:hover{
			transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
			background:#6090ce;
		}

		#sec03 .donation_wrap a:hover:before{
			left: 30px;
		}
	/* en anime e */

	/* ============================================================
 	sec_movie
	==============================================================*/
	
	.sec_movie{
		width: 100%;
		position: relative;
		overflow:
		hidden;
		padding: 150px 0 50px;
	}

	.sec_movie:before{
		content: "";
		display: block;
		width: calc(50vw + 300px);
		height: 100%;
		background: #00376c;
		position: absolute;
		top: 100px;
		right: 0;
		z-index:-1;
	}
	.sec_movie.sec_movie_re:before{
		content: "";
		display: block;
		width: calc(50vw + 300px);
		height: 100%;
		background: #00376c;
		position: absolute;
		top: 100px;
		left: 0;
		z-index:-1;
	}

	.sec_movie .movie_wrap{
		width:1000px;
		margin: 0 auto;
	}

	.sec_movie .eng_txt{
		display:
		block;
		color: #b4c3d7;
		font-family: 'Spectral', serif;
		font-weight: 300;
		font-size: 2.8rem;
		letter-spacing:1px;
		position:
		absolute;
		top: 234px;
		left:
		calc(50% + 100px);
	}

	.sec_movie h2{
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 4.6rem;
		letter-spacing:1px;
		line-height: 120%;
		position:
		absolute;
		top: 270px;
		left:
		calc(50% + 100px);
	}
	.sec_movie.sec_movie_re .eng_txt{
		display:
		block;
		color: #b4c3d7;
		font-family: 'Spectral', serif;
		font-weight: 300;
		font-size: 2.8rem;
		letter-spacing:1px;
		position:
		absolute;
		top: 214px;
		left:
		calc(50% - 480px);
	}

	.sec_movie.sec_movie_re h2{
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 4rem;
		letter-spacing:1px;
		line-height: 120%;
		position:
		absolute;
		top: 250px;
		left: calc(50% - 480px);
	}

	#sec_0105 {
		/*margin-top: 250px;*/
	}

	/* ============================================================
 	sec_history
	==============================================================*/
	#animation_container {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
	}
	
	#sec_history{
		width: 100%;
		position: relative;
		height: 430px;
		overflow:hidden;
	}
	

	#sec_history h2{
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 5.8rem;
		text-align: center;
		letter-spacing:1px;
		padding: 80px 0 10px;
	}
	
	#sec_history #btn_history{
		padding: 0 0 100px;
	}
	#sec_history #btn_history li{
		border-radius:20px;
		width: 218px;
		background: #cfa972;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		margin: 0 auto;
		letter-spacing: 1px;
		position:relative;

		overflow:hidden;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#sec_history a{
		display:block;
		width:100%;
		height: 324px;
		position: absolute;
		top: 53px;
		z-index:999;
	}
	#sec_history a:hover{
		background: rgba(186, 221, 255, 0.75);
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#sec_history a:hover #btn_history li{
		background: #000000;
	}

	#sec_history a:hover h2{
		color: #000000;
	}

	
	
	/* ============================================================
 	sec_story
	==============================================================*/
	
	#sec_story{
		width: 100%;
		background: url(../img/story_bg.jpg) no-repeat left top;
		background-size: 90% auto;
		position: relative;
		margin-bottom: 150px;
	}

	#sec_story #story_box{
		
	}
	
	#sec_story h2{
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:4.6rem;
		text-align: center;
		padding: 80px 0 10px;
	}
	

	#sec_story p{
		color:#fff;

		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		text-align: center;
		padding: 0 0 20px;
	}
	#sec_story #btn_story{
		padding: 0 0 100px;
	}
	#sec_story #btn_story li{
		border-radius:20px;
		width: 218px;
		background: #cfa972;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		margin: 0 auto;
		letter-spacing: 1px;
		position:relative;

		overflow:hidden;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#sec_story a{
		display:block;
	}
	#sec_story a:hover #story_box{
		background: rgba(186, 221, 255, 0.75);
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#sec_story a:hover #btn_story li{
		background: #000000;
	}

	#sec_story a:hover h2{
		color: #000000;
	}

	#sec_story a:hover p{
		color: #000000;
	}
	
	#loopSlide{
		position: absolute;
		top: 50%;
		right: 0;
		width: calc(50vw - 250px);
		overflow: hidden;
	}
	

	
	.simply-scroll-container {
		position: relative;
	}
	.simply-scroll-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.simply-scroll-list li {
		float: left; /* Horizontal scroll only */
		padding: 0;
		margin: 0 5px;
		width: 180px;
	}
	
	
	/* ============================================================
 	Modal
	==============================================================*/
	
	#modal_news {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.9);
		width: 100vw;
		height: 100vh;
		z-index: 10000;
		display: none;
	}

	#modal_news .m_n_wrap {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	#modal_news .m_n_box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -20%);
		opacity:0;
		width: 740px;
		background:#fff;
		padding:20px 50px 60px;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_news .m_n_box_act{
		opacity:1;
		transform:translate(-50%, -50%);
	}

	#modal_news .day {
		color: #909090;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size:1.4rem;
		letter-spacing: 2px;
		line-height: 100%;
		/* padding: 0 0 0px; */
	}
	
	#modal_news h2 {
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 2.2rem;
		padding: 0 0 10px;
		margin: 0 0 30px;
		border-bottom: 1px solid #b8c1cc;
	}

	#modal_news h2 .ls1{
		letter-spacing: -14px;
	}
	#modal_news h2 .ls2{
		letter-spacing: -20px;
		/* vertical-align: -13px; */
	}

	#modal_news .body_txt {
		font-size: 1.4rem;
		line-height: 200%;
		padding: 10px 0 0;
	}

	#modal_news .xc{
		text-align:center;
	}

	#modal_news .ll{
		letter-spacing:1em;
	}
	#modal_news ul{
		width: 60px;
		margin: 0 -30px -20px auto;
	}
	#modal_news a.xClose{
		display:block;
		color: #404348;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.3rem;
		text-align:center;
		padding:30px 0 6px;
		position: relative;
		border-radius:4px;
		background: #ececec;
		width:60px;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	#modal_news a.xClose:before{
		content: "";
		display: block;
		width: 20px;
		height:1px;
		background: #878b92;
		position: absolute;
		top: 35%;
		left: 50%;
		transform:translate(-50%, -50%) rotate(-45deg);
	}
	#modal_news a.xClose:after{
		content: "";
		display: block;
		width: 20px;
		height:1px;
		background: #878b92;
		position: absolute;
		top: 35%;
		left: 50%;
		transform:translate(-50%, -50%) rotate(45deg);
	}

	#modal_news a.xClose:hover{
		color: #797f8a;
		background:#151617;
	}
	
	#modal_news a.out_link{
		display: inline-block;
		color: #2c8d92;
		padding: 0;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	

	#modal_news a.out_link:hover{
		color: #fff;
		background: #368c90;
		
	}
	.btn_list{
		margin: 40px 0 0 0;
	}
	.btn_list a{
		display: inline-block;
	    border-radius: 20px;
	    width: 218px;
	    background: #cfa972;
	    text-align: center;
	    color: #fff;
	    font-family: 'Noto Serif JP', serif;
	    font-weight: 400;
	    font-size: 1.4rem;
	    padding: 5px 0;
	    margin: 0 0 0 300px;
	    letter-spacing: 1px;
	    position: relative;
	    overflow: hidden;
	    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.btn_list a:hover{
	    background: #000;
	}
}

/* ============================================================
IE11
==============================================================*/

@media (-ms-high-contrast:none) {

	
	#main_copy_wrap h1{
		font-family: 'Spectral', serif;
		font-weight:200;
		font-size: 12rem;
		color: #481876;
		letter-spacing:0;
		position: relative;
		font-style: italic;
		line-height:100%;
	}
	#main_copy_wrap h1 span.gra{

		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 4.8rem;
		background: none;
		color: #481876;
		padding: 16px 0;
		font-style:oblique;
		width: 380px;
		position:absolute;
		top:30px;
		left:190px;
	}
	
	#main_copy_wrap p{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 2.6rem;
		letter-spacing: 1px;
		color: #fff;
		font-style:oblique;
		line-height:100%;
		margin: -8px 0 0 11px;
	}
	
	#main_copy_wrap p > span{
		display:inline-block;
		padding: 14px 38px 16px 44px;
		margin: 0 0 3px;
		background: linear-gradient( to right,  #481876 25%, #1269ae 100% );
		position: relative;
	}
	
	#main_copy_wrap p > span:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
		position: absolute;
		right: 0;
		top: 0;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	#main_copy_wrap p > span.mask_act:before {
		width: 0;
	}

	#main_copy_wrap p span.ls{
		letter-spacing:-8px
	}
	
	
	
}


@media (min-width: 1280px) {
	#his_btn_wrap{
		width:480px;
		position: absolute;
		bottom: -23px;
		left: 17px;
		display: flex;
		justify-content:space-between;
		z-index: 999;
	}

}