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

@media (max-width:761px){
	
	.ttl{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		letter-spacing: 0.1rem;
		font-size: 2.6rem;
		text-align: left;
		line-height: 138%;
		background: #fff;
		-webkit-background-clip: text;
		color: transparent;
		filter: drop-shadow(20px 20px 10px #00000022);
		margin: 0 0 30px;
	}
	
	.ttl span{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		font-size: 1.8rem;
		display: block;
		color: #fff;
		margin: 0 0 0;
	}
	
	.ttl_center{
		text-align:center;	
	}	
	/* ============================================================
 	main vi 
	==============================================================*/
       
	#main_wrap{
		width: 100%;
		position: relative;
		overflow: hidden;
		background: linear-gradient( to right,  #00b38b 0%,  #119696 28%, #1b7b9c 71%, #245ba1 100%);
		background-size: auto 100%;
		height: 57vh;
	}

	#main_copy_wrap{
		width: 85%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:
		translate(-50%, -50%);
	}

	
	#main_copy_wrap h1{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 6.2rem;
		color: #fff;
		text-align: left;
		letter-spacing: 2px;
		margin: 0 0 28px;
		line-height: 141%;
	}
	#main_copy_wrap h1 span{
		font-size: 1.8rem;
		padding: 0px 22px 0px;
		color: #0b175f;
		background-color: #fff;
		display: table;
		margin: 0 0 15px;
		line-height: 188%;
		letter-spacing: 0;
	}

	#main_copy_wrap .img_box_01 img{
		border-radius: 20px;
	}

	
    
	/* ============================================================
 	tab_btn_wrap
	==============================================================*/

	#tab_btn_wrap {
		transition: all 0.6s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
		z-index: 900;
		top: 0;
	}	
	
	#tab_btn_wrap .top_tab_wrap{
		width:100vw;
		position:
		relative;
		height: 17vh;
	}

	#tab_btn_wrap .top_follow_wrap{
		height: 100%;
		background: linear-gradient( to right, #67339f 0%, #253e97 51%, #0d086c 100%);
		box-shadow: 25px 25px 20px 0 rgb(8,8,8,0.2);
	}

	#tab_btn_wrap.fix{
		position: sticky;
		top: 95px;
		z-index: 100;
	}

	#tab_btn_wrap .top_follow_wrap .row{
		width: 94%;
		justify-content: space-between;
		position: absolute;
		text-align: center;
		top: 0;
		left:50%;
		transform: translate(-50%, 0%);
		display: flex;
	}

	#tab_btn_wrap .top_follow_wrap .row li{
		position:
		relative;
	}
	
	#tab_btn_wrap .top_follow_wrap .row li:before{
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-right:solid 1px #fff;
		border-bottom:solid 1px #fff;
		position: absolute;
		bottom: 14px;
		left: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
		transition: all 0.2s ease-out 0s;
	}
	
	#tab_btn_wrap .top_follow_wrap .row li:hover:before{
    	bottom: 8px;  
		border-right:solid 1px #d5cbdf;
		border-bottom:solid 1px #d5cbdf;  	
    }
	
	#tab_btn_wrap .top_follow_wrap .row li a{
		font-family: 'Noto Sans JP', sans-serif;
		display:block;
		font-weight: 300;
		font-size: 1.2rem;
		line-height: 159%;
		color: #fff;
		letter-spacing: 0.14em;
		text-align:	center;
		padding: 31px 5% 40px;
		white-space: nowrap;
	}
	
	#tab_btn_wrap .top_follow_wrap .row li a:hover{
		color:#d5cbdf;
	}

	#tab_btn_wrap .top_follow_wrap .row li:nth-child(3) a, #tab_btn_wrap .top_follow_wrap .row li:nth-child(4) a{
		line-height: 288%;
	}
	
	
	
	#tab_btn_wrap.DownMove{
		transform:translate(0,0);
	}

	#tab_btn_wrap.UpMove{
		transform: translate(0,-130px);
	}
	
		
	/* ============================================================
 	section 01
	==============================================================*/

	
	/* sec01 ----------------------------- */
	#sec01 {
		padding: 31px 0 90px;
	}

	#sec01 time{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.8rem;
		color: #000;		
	}
	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.8rem;
		color: #000;
		font-weight: 600;
		padding: 0 0 22px;
	}

	#sec01 .contents_wrap{
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		padding: 40px 0;
	}

	#sec01 .contents_wrap .btn_list{
		margin:20px 0 60px;
	}
	
	
	#sec01 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.4rem;
		color: #000;
		font-weight: 600;
		padding: 16px 0;
	}
	
	#sec01 h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.0rem;
		color: #000;
		font-weight: 600;
		padding: 13px 0;
	}
	
	#sec01 h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		color: #000;
		font-weight: 600;
		padding: 4px 0;
	}
	

	/* 横並び画像 ----------------------------- */

	#sec01 .flex_img{
		padding: 32px 0;
	}

	#sec01 .img_box{
		margin:0 0 30px;
	}

	#sec01 .img_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.2rem;
		color: #000;		
		padding: 6px 0 0;
	}
	

	/* 箇条書き ----------------------------- */	

	#sec01 ul.txt_list{
		padding:10px 0;
	}

	#sec01 ul.txt_list li{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.5rem;
		color: #000;
		position:relative;
		text-indent:1.5rem;
		margin:0 0 0 10px;
		padding: 0 0 10px;
	}

	#sec01 ul.txt_list li:before{
		content: "";
		display:block;
		position:absolute;
		top: 38%;
		left:-6px;
		width:10px;
		height:10px;
		background: #000000;
		transform: translate(0%, -50%);
	}

	#sec01 .txt_link{
		color:#0000ee;
		border-bottom:1px solid #0000ee;
	}

	/* テーブル周り ----------------------------- */
	
	#sec01 table td{
		padding: 10px 3%;
	}

	#sec01 table th{
		background:#ececec;
	}

	#sec01 table{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.5rem;
		color: #000;
		margin:20px 0;
		width: 100%;
	}

	/* コンテンツここまで ----------------------------- */


	

	.b_wrap{
		text-align:center;
	}
	
	.flex_b{
		text-align:center;
		padding: 50px 0;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.flex_b ul.btn_list{
		margin;0 0 30px;
		margin: 0 0 27px;
		width: 62%;
	}
	ul.btn_list a{
		width: 90%;
	}
		
	ul.btn_list a.left_link:before{
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-right:
		solid 1px #fff;
		border-bottom:
		solid 1px #fff;
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translate(0, -50%) rotate(135deg);
	}


	
}



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

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

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

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