html 	{	/*font-family: 'sofi-100';*/ line-height: 1; font-weight: 100; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } 

button[type=submit],
a.btn	 {	/*font-family: 'sofi-200';*/ font-size: 0.80rem; }


*	{	word-wrap: break-word;  
		-ms-hyphens: 		auto;
        -moz-hyphens:		auto;
        -webkit-hyphens: 	auto;
        hyphens: 			auto; }

.call			{	font-size: 1.40rem; /*font-family: 'sofi-200'*/; line-height: 1.4; }
.call > span	{	font-size: 0.70em; /*font-family: 'sofi-100'*/; }

.claim	{	font-size: 2.40rem; line-height: 1.4; font-weight: 600; }
	.claim span	{	font-size: 1.5em; }
	.claim span:nth-child(2)	{	font-size: 0.55em; /*font-family: 'sofi-210';*/ letter-spacing: 0.01rem; font-weight: 200; }
	
	
h1, h2, h3, h4, h5, h6	
	{	text-align: center; line-height: 1.2; font-weight: 100; }
	
article h1, article h2, article h3, article h4, article h5, article h6	
	{	text-align: left; }

h1	{	font-size: 1.80rem; margin-bottom: 1.00rem; }
h2	{	font-size: 1.40rem; margin-bottom: 1.50rem; }
h3	{	font-size: 1.00rem; margin-bottom: 1.00rem; }
h4	{	font-size: 0.90rem; margin-bottom: 1.00rem; }
h5	{	}
h6	{	font-size: 2.40rem; margin-bottom: 1.00rem; }

p, ul.item, a.sbox > ul
				{	font-size: 0.85rem; line-height: 1.6; font-weight: 100; margin-bottom: 0.50rem; opacity: 0.8; }
p.note			{	font-size: 0.70rem; line-height: 1.2; }

h1 + h3		{	text-align: center; margin-bottom: 2.00rem; }

	a.sbox > ul, ul.item		{	}	
	a.sbox > ul li, ul.item	li 	{	margin: 0 0 0.6em 20px; line-height: 1.3; background: none; }	
	a.sbox > ul li:last-child, ul.item li:last-child 
								{	margin-bottom: 0; } 

p:last-child	{	margin-bottom: 0; }
p + h3, p + h4, p + img	{	margin-top: 2.00rem; }

img + p			{	font-size: 0.85rem; /*font-family: 'sofi-101';*/ line-height: 1.2; }

p span.label		{	font-size: 0.70rem; display: inline-block; width: 3.50rem; }
p span.imprint { display: inline-block; width: 6rem; }

.full figcaption	{	font-size: 0.75rem; }			


.call, .claim, #descript p, #proof p, #help p, footer .center, #Partner h2, .partner p
	{	text-align: center; }
	       
.claim, .claim span:nth-child(2), .descript h2		
	{	-ms-hyphens: 		none;
        -moz-hyphens:		none;
        -webkit-hyphens: 	none;
        hyphens: 			none; }

input, textarea		{	font-family: 'sofi-200'; font-size: 0.90rem; }

        
/* ======================
		Phone
========================= */

@media only screen and (min-width : 0) and (max-width : 600px)
{	
	html 	{	/*font-family: 'sofi-110';*/ } 		

	@media only screen and (orientation : portrait)
	{		
		html 	{	font-size: 16px; } .claim	{	font-size: 1.8rem;}
	}
	@media only screen and (orientation : landscape)
	{		
		html 	{	font-size: 14px; } .claim	{	font-size: 1.8rem;}
	}
}

/* ======================
		PAD
========================= */

@media only screen and (min-width : 601px) and (max-width : 1024px)
{		
			
	@media only screen and (orientation : portrait)
	{		
		html 	{	font-size: 16px; } .claim	{	font-size: 1.8rem;}
	}
	@media only screen and (orientation : landscape)
	{		
		html 	{	font-size: 14px; } .claim	{	font-size: 1.8rem;}
	}
}

/* ======================
		DESKTOP
========================= */

@media only screen and (min-width : 1025px)
{		
	html 	{	font-size: 1.00vw; } 
}


/* ======================
		THE END
========================= */