@charset "UTF-8";

/*==================================================
SP Portrait 320×568px
====================================================*/

.contact-info{
	z-index:-10000;
	background-color:#ede9cc;
	margin:0px auto;
	text-align:center;
	padding-bottom:250px;
	height: 100vh;
}

.contact-info .text,
.contact-info .sns{
	margin:0px 3% 20px;
	padding-top:20px;
}

.contact-info .text h2,
.contact-info .sns h2{
	color:#333333;
	font-family: 'Cardo', serif;
	font-size:2rem;
	padding-top:110px;
	padding-bottom:3rem;
}

.contact-info .sns h2{
	padding-top:50px;
}

.contact-info .text p,
.contact-info .sns p{
	font-size:1.4rem;
	line-height:1.8;
}

.contact-info .text .note{
	font-size:1.2rem;
	margin-top:2rem;
}

/*======================================================
SP Portrait 360×640px
======================================================*/
@media screen and (min-width:360px){


}

/*====================================================================
SP Portrait 360×720px
====================================================================*/
@media screen and (min-width:360px) and (min-height:720px){


}

/*=====================================================
SP Portrait 375×667px
=======================================================*/
@media screen and (min-width:375px){


}

/*=====================================================
SP Portrait 375×812px
=======================================================*/
@media screen and (min-width:375px) and (min-height:812px){
	

}

/*=====================================================
SP-- Portrait 390×844px
=======================================================*/
@media screen and (min-width:390px) and (min-height:844px){


}

/*=====================================================================
SP Portrait 412×732px
=======================================================================*/
@media screen and (min-width:412px){


}

/*=========================================================
SP Portrait 414×896px
===========================================================*/
@media screen and (min-width:414px){


}

/*=========================================================
SP-- Portrait 428×926px
===========================================================*/
@media screen and (min-width:428px){


}

/*									
==========================================================================================================
																				       				   */

/*=======================================================
SP Landscape 568×320px
=========================================================*/
@media screen and (min-width:568px){

	
}

/*=======================================================
SP Landscape 640×360px
=========================================================*/
@media screen and (min-width:640px){


}

/*=======================================================
SP Landscape 667×375px
=========================================================*/
@media screen and (min-width:667px){


}

/*====================================================================
SP Landscape 720×360px
=======================================================================*/
@media screen and (min-width:720px){


}

/*====================================================================
SP Landscape 732×412px
======================================================================*/
@media screen and (min-width:732px){


}

/*==========================================================
SP Landscape 812×375px
============================================================*/
@media screen and (min-width:812px){


}

/*==========================================================
SP-- Landscape 844×390px
============================================================*/
@media screen and (min-width:844px){
	

}

/*==========================================================
SP-- Landscape 896×414px
============================================================*/
@media screen and (min-width:896px){


}

/*==========================================================
SP-- Landscape 926×428px
============================================================*/
@media screen and (min-width:926px){


}

/*									
==========================================================================================================
																					       				 */
/*=======================================================
Tablet 600×960px
=========================================================*/
@media screen and (min-width:600px) and (orientation:portrait){

	.contact-info{
		padding-bottom:250px;
	}

	.contact-info .text,
	.contact-info .sns{
		margin:0px 5% 50px;
		padding-top:50px;
	}

	.contact-info .text h2{
		padding-top:140px;
		padding-bottom:4rem;
	}
	
}

/*================================================================
Tablet-- Portrait 744×1133px
==================================================================*/
@media screen and (min-width:744px) and (orientation:portrait){

	
}

/*================================================================
Tablet-- Portrait 768×1024px
==================================================================*/
@media screen and (min-width:768px) and (orientation:portrait){


}

/*================================================================
Tablet-- Portrait 800×1280px
==================================================================*/
@media screen and (min-width:800px) and (orientation:portrait){


}

/*================================================================
Tablet-- Portrait 834×1112px
==================================================================*/
@media screen and (min-width:834px) and (orientation:portrait){


}

/*================================================================
Tablet-- Portrait 834×1169px
==================================================================*/
@media screen and (min-width:834px) and (orientation:portrait){


}

/*================================================================
Tablet-- Portrait 1024×1366px
==================================================================*/
@media screen and (min-width:1024px) and (orientation:portrait){
	
	.contact-info .text h2{
		font-size:2.4rem;
        padding-top:170px;
	}
}

/*									
==========================================================================================================
																					       				 */
/*=======================================================
Tablet--Landscape 960×600px
=========================================================*/
@media screen and (min-width:960px) and (orientation:landscape){

	
}

/*================================================================
Tablet-- Landscape 1024×768px
==================================================================*/
@media screen and (min-width:1024px) and (orientation:landscape){

	.contact-info .text h2{
    	padding-top:160px;
	}
	
	.contact-info .text h2,
	.contact-info .sns h2{
		font-size:2.4rem;
	}
}

/*================================================================
Tablet-- Landscape 1112×834px
==================================================================*/
@media screen and (min-width:1112px){


}

/*================================================================
Tablet-- Landscape 1133×744px
==================================================================*/
@media screen and (min-width:1133px){


}

/*================================================================
Tablet-- Landscape 1169×834px
==================================================================*/
@media screen and (min-width:1169px){


}

/*================================================================
Tablet--Landscape 1280×800px
==================================================================*/
@media screen and (min-width:1280px){

	
}

/*================================================================
Tablet-- Landscape 1366×1024px
==================================================================*/
@media screen and (min-width:1366px){
	
	.contact-info .text h2{
        padding-top:200px;
    }
	
}


/*									
==========================================================================================================
						   																			    */

/*=======================================
PC　1200px~
=========================================*/
@media screen and (max-width:1200px){
	

}

/*=======================================
PC　1366px~
=========================================*/
@media screen and (min-width:1366px){
	

}

/*=========================================
PC  1440px~
===========================================*/
@media screen and (min-width:1440px){
	

}

/*=========================================
PC  1680px~
===========================================*/
@media screen and (min-width:1680px){


}

/*==========================================
PC　1920px~
============================================*/
@media screen and (min-width:1920px){
	

}

/*==========================================
PC　2560px~
============================================*/
@media screen and (min-width:2560px){


	
}