@charset "UTF-8";
/***** デフォルトはスマートフォン *****/
/* ｰｰｰｰｰｰｰｰｰｰｰ 共通エリア ｰｰｰｰｰｰｰｰｰｰ */
:root {
  --back-color: #202f55;
  --tiffany-blue: #74ccc4;
}
.h1{
	font-size:17px;
	font-weight: normal;
	padding: 0.5rem 2rem;
}
.sec_inner{
	width: 98%;
	margin: 0 auto;
	
}
/* ------------- footer ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ */ 
.footer{
	background-color: var(--back-color); 
	padding: 3rem 0;
	text-align: center;
}
.foot_logo{
	display: inline-block;
	text-align: center;
	margin: auto;
	color: white;
}
.foot_flex_img{
	width: 5vw;
}
.foot_flex_text{
	font-family: "Cormorant Garamond", serif;
	font-size: 5vw;
	padding-left: 1vw;
}
.foot_flex_a{
	color: white;
	display: flex;
	align-items: center;
}
.foot_flex_a:hover{
	color: silver;
}

/**==================================================**/
/**=          画面サイズ768px以上の指定              **/
/**==================================================**/
@media screen and (min-width:768px){
	.head_flex{
		justify-content: start;
	}
	.head_flex_img{
		width: 3rem;
	}
	.head_flex_text{
		font-size: 3rem;
		padding-left: 1rem;
	}	
	.sec_inner{
		width: 80%;
	}
}
/**==================================================**/
/**=          画面サイズ960px以上の指定              **/
/**==================================================**/
@media screen and (min-width:960px){
	.sec_inner{
		width: 960px;
	}
}