@charset "utf-8";
/*
Theme Name: CREA ONLINE
Theme URI: 
Description: CREA ONLINE
Version: 1.0
Author: CREA ONLINE
Author URI: 
Tags: CREA ONLINE
*/



/* 基本設定 */

html { overflow-y:scroll; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	display:block;
}

body {line-height:1; color:#213749; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
body {font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;}
body:lang(en) {font-family: -apple-system, BlinkMacSystemFont, Meiryo, YuGothic, Hiragino Kaku Gothic ProN, Verdana, sans-serif;}


html,body { height:100%; }

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ------------------------------- */


/*  img  */

img { border-width:0px; vertical-align:text-bottom; }
.img { margin:0; padding:0; clear:both; font-size:0px; line-height:0px; vertical-align:text-bottom; }

/* ------------------------------- */


/*  Link  */

a:link { color:#01468d; text-decoration:underline; }
a:visited { color:#01468d; text-decoration:underline; }
a:hover { color:#c53335; text-decoration:underline; }
a:active { color:#c53335; text-decoration:underline; }

/* ------------------------------- */


/* clearfix */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ------------------------------- */



.global {
	width:100%;
	height: 100%;
	display:block;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:0;
	clear:both;
	font-size:0px;
	line-height:0px;
	overflow:hidden;	
}


.global p {
	width:340px;
	height: 60px;
	display:inline-block;
	margin:0px 0px 0px -170px;
	padding:0px;
	box-sizing: border-box;
	position: absolute;
	top: 100px;
	left: 50%;
	z-index:0;
	clear:both;
	overflow:hidden;
}























/*  スマートフォン ※iPhone6 Plus 以下を準拠  */
@media only screen and (max-width:899px) {


/*  基本設定  */

body { -webkit-text-size-adjust:100%; }

/* ------------------------------- */


.global {
	width:100%;
	height: 100%;
	display:block;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:0;
	clear:both;
	font-size:0px;
	line-height:0px;
	overflow:hidden;	
}


.global p {
	width:320px;
	height: 56px;
	display:inline-block;
	margin:0px 0px 0px -160px;
	padding:0px;
	box-sizing: border-box;
	position: absolute;
	top: 80px;
	left: 50%;
	z-index:0;
	clear:both;
	overflow:hidden;
}

.global p img {
	width:100%;
	height: auto;
}


}
/* ------------------------------- */