/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	/* ============================================================
 	sec_movie
	==============================================================*/
	
	.sec_movie{
		width: 100%;
		position: relative;
		overflow:hidden;
		padding: 150px 0 50px;
	}

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

	.sec_movie iframe{
		width: 100% !important;
	}

	.sec_movie .eng_txt{
		display:
		block;
		color: #b4c3d7;
		font-family: 'Spectral', serif;
		font-weight: 300;
		font-size: 1.8rem;
		text-align: center;letter-spacing:1px;
		line-height: 0;
		padding: 0 0 3px;
	}

	.sec_movie h2{
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 2.8rem;
		letter-spacing: 0.1rem;
		line-height: 140%;
		text-align: center;
		padding: 10px 0 30px;
	}
	/* ============================================================
 	main vi 
	==============================================================*/
	.overlay{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10000;
	}
	.overlay .pc{
		display: none;
	}
	.overlay:after{
		content: "×";
		position: absolute;
		right: 20px;
		top: -10px;
		color: #fff;
		font-size: 4rem;
		font-weight: bold;
	}
	.overlay .white_wrap{
		width: 90%;
		padding:10px;
		box-sizing: border-box;
		background: #fff;
		position: fixed;
		left: 5%;
		top: 20%;
	}
	.overlay .white_wrap a{
		display: block;
		width: 180px;
		background: #00478b;
		color: #fff;
		font-size: 1.2rem;
		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%;
		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 65% calc(14vw) !important;
	    background-size: 100% auto !important;
	    opacity: 1 !important;
	}

	#main_copy_wrap{
		padding: calc(23vw) 5% 5px;
	}
	
	#main_copy_wrap h1{
		position: relative;
		line-height:100%;
		padding: 0 0 18px;
	}
	#main_copy_wrap h1 span.gra{
		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 3.4rem;
		letter-spacing: 1px;
		background: linear-gradient( to right,  #481876 25%, #1269ae 75% );
		-webkit-background-clip: text;
		color: transparent;
		padding: 16px 0;
		font-style:oblique;
		text-indent: 0px;
		width: 380px;
		position:absolute;
		top: 4px;
		left: 82px;
	}
	#main_copy_wrap h1 span span{
		letter-spacing: -17px;
	}
	
	
	#main_copy_wrap p{
		font-family: 'Noto Serif JP', serif;
		font-weight:100;
		font-size: 1.6rem;
		color: #fff;
		font-style:oblique;
		line-height: 100%;
		margin: -9px 0 0;
	}
	
	#main_copy_wrap p > span{
		display:inline-block;
		padding: 3px 38px 4px 14px;
		margin: 0 0 2px;
		background: linear-gradient( to right,  #481876 25%, #1269ae 50%, #1269ae00 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:-6px
	}

	#sub_copy_wrap p span.ls2{
		letter-spacing:4px
	}


	#sub_copy_wrap p{
		font-style:oblique;
		color:#000;
		font-family: 'Noto Serif JP', serif;
		font-weight:100;
		font-size: 1.3rem;
		letter-spacing:1px;
		padding: 0 5% 120px;
	}

	#sub_copy_wrap p span{
		display:inline-block;
	}
	
	#sub_copy_wrap p span.ls2{
		letter-spacing:-4px
	}
	
	
	/* history_wrap */
	
	.history_wrap{
		width: 100%;
	}

	.his_swiper_wrap{
		overflow:hidden;
		position:relative;
	}

	.his_swiper_wrap .his_img{
		width:90%;
		margin:0 auto;
	}


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

	.his_swiper_wrap .num{
        font-family: 'Spectral', serif;
        font-weight:600;
        font-size: 6rem;
        color: #fff;
        letter-spacing:0;
        font-style: italic;
        line-height:100%;
        text-align: center;
        text-shadow: 0 0 10px rgba(0,0,0,0.5);
 }

	.his_swiper_wrap h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:600;
		font-size: 1.6rem;
		line-height: 140%;
		color: #fff;
		letter-spacing:1px;
		margin: -2px 0 0px;
		text-align: center;
		white-space: nowrap;
		text-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

	.his_swiper_wrap .body_txt{
        width: calc(70vw);
        font-family: 'Noto Serif JP', serif;
        font-weight:400;
        font-size: 1.3rem;
        color: #fff;
        padding: 5px 0;
        letter-spacing:1px;
        line-height: 140%;
        text-align: center;
        text-shadow: 0 0 10px rgba(0,0,0,0.5);
 }

	.swiper-button-prev_his{
		width: 32px;
		height: 40px;
		position: absolute;
		bottom:58%;
		left: 0;
		z-index: 20;
		cursor:pointer;
		background:#000000 url(../img/bg_arrow_prev.png) no-repeat center;
		background-size:50% auto;
	}
	.swiper-button-next_his{
		width: 32px;
		height: 40px;
		position: absolute;
		bottom:58%;
		right: 0;
		z-index: 20;
		cursor:pointer;
		background:#000000 url(../img/bg_arrow_next.png) no-repeat center;
		background-size:50% auto;
	}
	

	
	
	
	
	
	
	#his_btn_wrap{
		width: 56%;
		margin: 30px auto 0;
	}

	#his_btn_wrap a{
		display:block;
		background:#000;
		width: 100%;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 1.3rem;
		padding:5px 0;
		margin: 0 0 2px;
		border-radius:20px;
	}

	


	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		margin: 80px 0 0;
		position: relative;
		z-index: 10;
	}
	
	#sec01 .wrapper{
		background: #00376c;
		margin:0 10% 0 0;
		padding: 10px 8% 40px;
	}
	
	#sec01 .eng_box{
		position: absolute;
		left: 51%;
		top: -32px;
	}
	#sec01 .ttl_eng{
		font-family: 'Spectral', serif;
		font-weight: 300;
		font-size: 5.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: 3.0rem;
		color:#fff;
		padding: 44px 0 20px;
		line-height: 120%;
		letter-spacing: 4px;
	}

	#sec01 h2 span{
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 4.6rem;
		display:inline-block;
		margin:0 5px 0 0;
	}
	
	#sec01 h2 span.ls{
		font-size: 4.0rem;
		letter-spacing:-20px;
	}
	#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 14px;
		line-height: 160%;
	}
	
	#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 30px;
		line-height: 160%;
	}
	
	#sec01 .bnr_wrap{
		width: 70%;
		margin: 0 auto;
	}
	
	#sec01 .bnr_wrap li{
		border-radius:20px;
		width: 100%;
		margin: 0 0 4px;
		background: #cfa972 url(/100th/global/img/PDF_32.png) no-repeat 85% center;
		background-size: 24px auto;
	}
	

	
	#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:5px 0;
		letter-spacing: 1px;
		position:relative;
		overflow:hidden;
		text-indent: -10px;
	}
	
	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: calc(92vw);
		margin: 80px 0 0 auto;
		position: relative;
		z-index: 10;
	}
	#sec04 .wrapper{
		background: #00376c;
		margin:0;
		padding: 10px 8% 40px;
	}
	
	#sec04 .ttl_eng{
		font-family: 'Spectral', serif;
		font-weight: 300;
		font-size: 5.4rem;
		color: #b4c3d7;
		letter-spacing:0;
		font-style: italic;
		line-height:100%;
	}
	
	#sec04 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 3.0rem;
		color:#fff;
		padding: 44px 0 20px;
		line-height: 120%;
		letter-spacing: 4px;
	}

	#sec04 h2 span{
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 4.6rem;
		display:inline-block;
		margin:0 5px 0 0;
	}
	
	#sec04 h2 span.ls{
		font-size: 4.0rem;
		letter-spacing:-20px;
	}
	#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 14px;
		line-height: 160%;
	}
	
	#sec04 p.body_txt2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.4rem;
		letter-spacing: 1px;
		color:#fff;
		padding: 0 0 30px;
		line-height: 160%;
	}

	#sec04 p.body_cap{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		font-size: 1.1rem;
		letter-spacing: 1px;
		color:#fff;
		padding: 20px 0 12px;
	}
	#sec04 p.body_cap a{
		color:#fff;
		text-decoration: underline !important;
	}

	#sec04 .bnr_wrap{
		width: 70%;
		margin: 20px auto 0;
	}
	
	#sec04 .bnr_wrap li{
		border-radius:20px;
		width: 100%;
		margin: 0 0 4px;
		background: #cfa972;
		background-size: 24px auto;
	}
	#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:5px 0;
		letter-spacing: 1px;
		position:relative;
		overflow:hidden;
		text-indent: -10px;
	}

	#sec04 .img-block figure {
		width: 60%;
		margin: 20px auto 0;
		padding: 0;
	}
	
	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		background: #e2e4eb;
		margin: 50px 0 0;
		padding: 20px 0 100px;
		position: relative;
	}
	
	#sec02 .wrapper{
		width: 90%;
		padding: 0;
		margin: 0 0 0 auto;
	}
	
	#sec02 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 2.4rem;
		padding:5px 0;
		letter-spacing: 1px;
		position:relative;
		margin: 0 0 13px;
		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: 100%;
	}
	
	#sec02 .news_list_wrap li {
		margin: 0 0 14px;
	}

	#sec02 .news_info {
	}

	#sec02 .news_info .day {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		padding: 1px 10px 0 0;
		letter-spacing: 1px;
		display: inline-block;
		color:#00478b;
		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.2rem;
		padding: 4px 20px;
		line-height: 100%;
		background: #00478b;
		display: inline-block;
		letter-spacing: 2px;
	}

	#sec02 .news_info .info_txt {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		line-height: 160%;
		padding: 5px 10% 0 0;
		letter-spacing: 1px;
	}

	#sec02 .news_info .info_txt .ls1{
		letter-spacing: -10px;
	}
	#sec02 .news_info .info_txt .ls2{
		letter-spacing: -13px;
	}
	
	
	#sec02 .news_list_wrap a{
		display:block;
		border-bottom:1px solid #ccc;
		padding: 0 0 14px;
		position:relative;
	}

	#sec02 .news_list_wrap a:before{
		content: "";
		display: block;
		width: 6px;
		height:6px;
		border-right: solid 1px #a9a9a9;
		border-bottom: solid 1px #a9a9a9;
		position: absolute;
		bottom: 50%;
		left: 96%;
		transform:translate(-50%, -50%) rotate(-45deg);
	}

 


	
	
	/* ============================================================
 	section 03
	==============================================================*/
	
	
	#sec03 {
		width: 100%;
		padding: 50px 0 0;
		background:#b3ccd9;
	}
	
	#sec03 .wrapper{
		padding:0;
	}

	#sec03 .eng_txt {
		font-family: 'Spectral', serif;
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing:1px;
		font-style: italic;
		text-align:center;
		line-height:100%;
		color: #000;
	}
	
	#sec03 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 2.6rem;
		font-style:oblique;
		text-align:center;
		color: #000;
		padding: 0 0 20px;
		text-indent:-10px;
		position: relative;
	}
	
	#sec03 h2 span{
		font-family: 'Spectral', serif;
		font-weight: 400;
		font-size: 6.0rem;
		font-style: italic;
		display: inline-block;
		position: absolute;
		top: 5px;
		left: -3px;
	}
	
	#sec03 .project_wrap {
		position: relative;
	}

	#btn_donation{
		position:absolute;
		width:50%;
		bottom:20px;
		left: 50%;
        transform:translate(-50%, -50%);
	}

	#btn_donation li{
		border-radius:20px;
		width: 100%;
		background: #000000;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding: 16px 0 18px;
		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;
		line-height: 0;
	}

	#sec03 .project_swiper_wrap{
		width: 84%;
		overflow:hidden;
		margin: 0 auto;
	}

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

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

	

	#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 .project_txt_box {
		padding: 20px 16px 12px;
	}
	
	#sec03 .project_txt_box h3 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		color: #00478b;
		font-size: 1.6rem;
		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: 36px;
		height: 40px;
		position: absolute;
		bottom: 52%;
		left: -7%;
		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-next_project {
		width: 36px;
		height: 40px;
		position: absolute;
		bottom: 52%;
		right: -7%;
		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 #project_list_btn_wrap {
		width: 70%;
		margin: 20px auto 60px;
	}
	
	#sec03 #project_list_btn_wrap a{
		
	}
	
	#sec03 #project_list_btn_wrap a{
		display:block;
		background:#000;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		border-radius:20px;
	}

	
	
	#sec03 .donation_wrap {
		background:#fff;
		padding: 40px 0 50px;
	}
	
	#sec03 .donation_wrap p{
		color:#00478b;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 1.4rem;
		padding: 0 6% 20px;
		line-height: 160%;
	}

	#sec03 .donation_wrap p span{
		letter-spacing:-6px;
	}
	
	#sec03 .donation_wrap p span.ls{
		letter-spacing:-10px;
	}
	
	#sec03 .donation_wrap li{
		width: 50%;
		margin:0 auto;
	}
	#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);
	}
    
    
	
	
	/* ============================================================
 	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: 3.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_story
	==============================================================*/
	
	#sec_story{
		width: 100%;
		background: url(../img/story_bg.jpg) no-repeat -10% 0;
		background-size: auto 100%;
		position: relative;
		margin: -50px 0 140px;
	}

	#sec_story #story_box{
		
	}
	
	#sec_story h2{
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 3rem;
		text-align: center;
		padding: 60px 0 0;
		text-indent: 7px;
	}
	
	#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 80px;
	}
	#sec_story #btn_story li{
		border-radius:20px;
		width: 60%;
		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;
		bottom: -70px;
		left: 0;
		width: 90%;
		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: 140px;
	}
	
	/* ============================================================
 	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;
		bottom: 0;
		left: 50%;
		transform:translate(-50%, 20%);
		opacity:0;
		width: 90%;
		height:80%;
		overflow:auto;
		background:#fff;
		padding: 8px 0 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%, 0);
	}

	#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 5% 8px;
	}
	
	#modal_news h2 {
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 2.2rem;
		padding: 0 0 20px;
		margin: 0 5% 14px;
		letter-spacing: 2px;
		line-height: 120%;
		border-bottom: 1px solid #b8c1cc;
	}

	#modal_news h2 .ls1{
		letter-spacing:-10px;
	}
	#modal_news h2 .ls2{
		letter-spacing:-20px;
	}

	#modal_news .body_txt {
		font-size: 1.4rem;
		line-height: 160%;
		padding: 10px 5% 0;
	}
	
	#modal_news .xc {
		text-align:center;
	}

	#modal_news .ll {
		letter-spacing:1em;
	}
	
	#modal_news ul{
		width: 30px;
		margin: 0 38px -10px 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.out_link{
		color: #2c8d92;
		padding: 0;
	}
	

	.btn_list{
		text-align: center;
		margin: 30px 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 auto;
	    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;
	}
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width:413px) {
	
}