

/*========================================================================
//
// 共通（フォントサイズなど）
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width:761px) {
	html, body {
		height: 100%;
		/* iPhone 6,7,8,x を基準に */
		font-size: calc(100vw / 37.5);
	}
	article {
		overflow: hidden;
	}
	
	.wrapper {
		padding: 0 6%;
		position: relative;
	}

	.pc_contents {
		display: none;
	}
}





/*========================================================================
//
// ヘッダー関連
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width: 761px){
	
	#ghead{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		z-index:900;
	}
	
	#ci_wrap{
		width: 100%;
		margin: 0;
	}

	#ci {
		padding: 20px 0 0 20px;
	}

	#ci a{
		display:block;
		width: 120px;
	}
    
    header{
		
	}

	header.fix{
		
	}

	#gnav_r{
		display:flex;
		position:absolute;
		right: 12px;
		top: 17px;
		z-index:900;
		gap: 0 10px;
	}

	

	#gnav_r .sns_btn{
		display:flex;
		gap: 0 6px;
	}

	#gnav_r .sns_btn li{
		height: 21px;
	}

	#gnav_r .sns_btn li a{
		line-height:0;
	}

	#gnav_r .sns_btn li a img{
		width:auto;
		height:100%;
	}

	#select_lang_wrap a{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.2rem;
		padding-right: 15px;
		letter-spacing: 0.05rem;
		font-weight:300;
		line-height: 1.8;
		position:relative;
	}

	#select_lang_wrap a:after{
		position:absolute;
		top: 4px;
		right:0;
		margin:auto;
		content:"";
		vertical-align:middle;
		width:6px;
		height:6px;
		border-top:1px solid #dd2e1e;
		border-right:1px solid #dd2e1e;
		transform:rotate(135deg);
	}

	#select_lang_btn_wrap{
		display:none;
		position:absolute;
		padding: 10px 15px 14px 15px;
		background:#F9F9F9;
		border:1px solid #cacaca;
		width: 98px;
		top: 31px;
		right: 0;
	}

	#select_lang_btn_wrap a{
		position:relative;
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.3rem;
		padding:4px 0 4px 17px;
		color:#4b4b4b;
		line-height:1.3;
	}

	#select_lang_btn_wrap a:before{
		position:absolute;
		top: 11px;
		left:0;
		display:inline-block;
		margin:-1px 10px 0 0;
		content:"";
		width:6px;
		height:6px;
		border-top:1px solid #dd2e1e;
		border-right:1px solid #dd2e1e;
		transform:rotate(45deg);
	}

}






/*========================================================================
//
// フッター関連
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width:761px) {
	footer{
	}

	footer #cv_goal {
		width:100%;
		background: #2E2E2E;
		padding: 70px 0;
	}

	footer #cv_goal ul{
		margin:0 10vw;
	}

	footer #cv_goal ul a {
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		font-weight: 500;
		font-feature-settings: 'palt';
		letter-spacing:0.15rem;
		line-height:1.4;
		color:#fff;
		background:#2E2E2E;
		position:relative;
		border:1px solid #fff;
		border-radius: 40px;
		overflow:hidden;
		padding: 8px 18px 10px 57px;
	}


	footer #cv_goal ul a span{
		display:inline-block;
		position:absolute;
		left: 28px;
		top: 16px;
	}


	footer #footer_link{
		padding: 20px 6%;
	}

	footer #footer_link ul{
		margin: 0 3vw;
		display:flex;
		gap: 0 6px;
		justify-content: space-around;
	}

	footer #footer_link ul a {
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.3rem;
		font-weight: 400;
		color:#3C3C3C;
		font-feature-settings: 'palt';
	}

	footer #footer_link p {
		font-family: 'Roboto', sans-serif;
		font-size: 1.1rem;
		font-weight: 400;
		color:#3C3C3C;
		letter-spacing: 0rem;
		padding: 22px 0 5px;
	}
	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width: 413px) and (max-width: 761px) {
	
}




