@charset "UTF-8";

/* 
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Spinnaker&display=swap');




/* ----------------------------------------------------------
  RESETTING DEFAULT
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}



/* ----------------------------------------------------------
  GENERAL
---------------------------------------------------------- */

body {
    margin:0px;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Osaka, Sans-Serif;
	font-size:15px;
    color:#333;
	background-color:#FFF;
    overflow-y:scroll;
}


/* ------------------------------------------ default link */

a:link {
    text-decoration:underline;
    color:#333;
}

a:visited {
    text-decoration:underline;
    color:#333;
}

a:hover {
    text-decoration:none;
    color:#999;
}

a:active {
    text-decoration:underline;
    color:#333;
}

a:hover img	{
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}


/* ------------------------------------------------------------
  WRAPPER
------------------------------------------------------------ */

#wrapper {
	width:90%;
	height:auto;
	padding:0% 3% 0% 3%;
	margin:0;
}



/* -----------------------------------------------------------
  HEADER AREA
------------------------------------------------------------ */


/* ------------------------------------------------- main logo */

h1 {
	margin:30% 0% 0% 0%;
	padding:0%;
	text-align:center;
}


h1 img{
	max-width:70%;
	height:auto;
}

h2 {
	margin:10% 0% 0% 0%;
	font-size:20px;
	font-style:normal;
	text-align:center;
}


h3 {
	margin:5% 0% 0% 0%;
	font-size:16px;
	font-style:normal;
	text-align:center;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

    TABLET                 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
@media only screen and (max-width: 1024px){


/* ----------------------------------------------------------
  HEADER AREA - TA
---------------------------------------------------------- */

/* --------------------------------------------- main logo */


h1 img{
	max-width:50%;
	height:auto;
}


}






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

    SMART PHONE                 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
@media only screen and (max-width:896px) {


body{
	font-size:13px;
}


h2 {
	margin:15% 0% 0% 0%;
	font-size:18px;
	font-style:normal;
	text-align:center;
}


h3 {
	margin:8% 0% 0% 0%;
	font-size:13px;
	font-style:normal;
	text-align:center;
}


/* ----------------------------------------------------------
  HEADER AREA - SP
---------------------------------------------------------- */





}



/*** END ***/