@charset "UTF-8";

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



/* ----------------------------------------------------------
  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, Nunito ;
	font-size:16px;
    color:#333;
	background-color:#FFF;
    overflow-y:scroll;
}


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

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

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

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

a:active {
    text-decoration:none;
    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;
}


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}



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


/* ------------------------------------------------ main img */

h1 {
	margin:1%;
	width:98%;
    height: auto;

}


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



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

.wrapper_content_area {
    position: relative;
    margin:8% 0% 0% 0%;
    padding:0%;
    width:100%;
	height:auto;
	overflow:hidden;
 }

.wrapper_content {
    position: relative;
    margin:0% auto;
    padding:0% 0% 0% 0%;
    width:80%;
	height:auto;
	overflow:hidden;
}


/* --------------------------------------------  CT TAITLE */

h2 {
	margin:0%;
    padding:0%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:26px;
    letter-spacing: 0.1em;
	text-align:center;
}

h2 span{
	font-weight:bold;
}


h3 {
	margin:1% 0% 0% 0%;
    padding:0%;
    font-size:20px;
    letter-spacing: 0.1em;
	text-align:center;
}

h3 span{
	font-weight:bold;
}

h4 {
	margin:0% 0% 2% 0%;
    padding:0%;
    font-size:17px;
    line-height: 1em;
    font-weight: bold;
	text-align:center;
}


h5 {
    position: relative;
    display: inline-block;
    left: 50%;
    margin: 0% 0% 2% -150px;
    padding:5px 0px;
    width: 300px;
    font-size:17px;
    font-weight: bold;
    line-height: 1em;
	text-align:center;
    background-color: fff;
    border: 1px solid #333;
}

h6 {
	margin:6% 0% 1.5% 0%;
    padding:0% 0% 0% 8px;
    font-size:17px;
    line-height: 1em;
    font-weight: bold;
    border-left: 5px solid #333;
	text-align:left;
}




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

.box_container {
	margin:6% 0% 6% 0%;
    padding:0%;
	width:100%;
	height:auto;
	overflow:hidden;
}


/*   comment */

.com{
	margin:0%;
    padding:0px;
    line-height:1.8em;
	text-align:center;
}

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

.com a:visited,
.com a:active {
    text-decoration:none;
    color:#333;
}

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


.com_left {
    text-align: left;
}

.com_center span {
	font-weight:bold;
}

.com_red {
	color:#BA1B1E;
}

.com_bold {
	font-weight:bold;
}

.com_small {
	margin:1% 0% 3% 0%;
	font-size:12px;
}


/*   image */

.images{
	margin:0% 0% 0% 0%;
    padding:0%;
	text-align:center;
}

.images img{
	max-width:100%;
	height:auto;
}


.images_left{
    float: left;
	margin:2% 0% 0% 0%;
    padding:0%;
    width: 50%;
    height: auto;
	text-align:center;
}

.images_left img{
	max-width:100%;
	height:auto;
}


/*   button */

.button_box{
    margin: 1.5% 0% 0% 0%;
    padding: 0%;
}

.button_box a:link {
    text-decoration:none;
    color:#fff;
}

.button_box a:visited,
.button_box a:active {
    text-decoration:none;
    color:#fff;
}

.button_box a:hover {
    text-decoration:none;
    color:#fff;
    background-color: #666;
}

.button {
    position: relative;
    display: inline-block;
    left: 50%;
    margin: 0% 0% 0% -200px;
    padding: 15px 0px 0px 0px;
    width:400px;
    height: 54px;
    text-align: center;
    outline: none;
    background-color: #333;
    color: #fff;
}

.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/*   tel */

.contact_tel{
    margin: 0.5% 0% 0% 0%;
    padding: 0%;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
}


/*   map */

.map_container {
	margin:0% 10% 0% 10%;
    padding:0px;
	width:80%;
	height:auto;
	overflow:hidden;
}


/*   thanks */

.thanks {
	margin:6% 0% 1.5% 0%;
    padding:0% 0% 0% 8px;
    font-size:17px;
    color: #5E5813;
    line-height: 1.5em;
    font-weight: bold;
	text-align:center;
}


/* --------------------------------------- ADDRESS */

#address_container{
	margin:12% 0% 0% 0%;
    padding:0px 0% 0% 0%;
	width:100%;
	height:48px;
	background-color:#333;
	overflow:hidden;
}

address {
	margin:18px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:10px;
	font-weight:bold;
	color:#BBBBBB;
	text-align:center;
}


/* ----------------------------------------------------------
  PAGE TOP
---------------------------------------------------------- */

#page_top {
    position:fixed;
    bottom:100px;
    right:40px;
	width:98px;
	height:98px;
	z-index:99;
}

#page_top img {
	width:100%;
	height:auto;
}



/* ----------------------------------------------------------
  OTHER 
---------------------------------------------------------- */

.pc_none {
	display:none;
}

.pc { display: block !important; }
.ta { display: none !important; }
.sp { display: none !important; }


/** FLOAT RESET **/

.clear {
    clear:both;
    height:0px;
}

.pmt030 { margin:30px 0px 0px 0px; }











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

    TABLET                 

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


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


/*   image */

.images{
	margin:0% 0% 0% 0%;
    padding:0%;
	text-align:center;
}

.images img{
	max-width:100%;
	height:auto;
}


.images_left{
    float: left;
	margin:2% 0% 0% 0%;
    padding:0%;
    width: 50%;
    height: auto;
	text-align:center;
}

.images_left img{
	max-width:100%;
	height:auto;
}


/* ----------------------------------------------------------
  OTHER - TA
---------------------------------------------------------- */

.sp_none {
	display:block;
}

.pc_none {
	display:block;
}

.pc { display: none !important; }
.ta { display: block !important; }
.sp { display: none !important; }


}






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

    SMART PHONE                 

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


body{
	font-size:13px;
}



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

.wrapper_content_area {
    margin:12% 0% 10% 0%;
 }


.wrapper_content {
    margin:0% 5% 10% 5%;
    width: 90%;
 }

/* --------------------------------------------  CT TAITLE */

h2 {
    font-size:17px;
    letter-spacing: 0.05em;
    }

h3 {
	margin:2% 0% 0% 0%;
    font-size:14px;
    letter-spacing: 0.05em;
}


h4 {
	margin:0% 0% 4% 0%;
    font-size:14px;
}


h5 {
    margin: 0% 0% 2% -110px;
    padding:5px 0px;
    width: 220px;
    font-size:14px;
}


h6 {
	margin:10% 0% 5% 0%;
    font-size:14px;
}


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

.box_container {
	margin:12% 0% 12% 0%;
}


/*   comment */

.com_small {
	margin:2% 0% 4% 0%;
	font-size:11px;
}


/*   image */

.images_left{
	margin:5% 0% 2% 0%;
    width: 100%;
}



/*   button */

.button_box{
    margin: 8% 0% 0% 0%;
    padding: 0%;
}

.button {
    margin: 0% 0% 0% -110px;
    padding: 9px 0px 0px 0px;
    width:220px;
    height: 38px;
}


/*   tel */

.contact_tel{
    margin: 0.5% 0% 0% 0%;
    font-size: 28px;
    letter-spacing: 0.05em;
}


/*   map */

.map_container {
	margin:0% 5% 0% 5%;
	width:90%;
}

/*   thanks */

.thanks {
	margin:10% 0% 5% 0%;
    font-size:14px;
}


/* --------------------------------------- ADDRESS */

#address_container{
	height:40px;
}

address {
	margin:16px 0px 0px 0px;
	font-size:10px;
}




/* ----------------------------------------------------------
  OTHER - SP
---------------------------------------------------------- */

.sp_none {
	display:none;
}

.pc_none {
	display:block;
}

.pc { display: none !important; }
.ta { display: none !important; }
.sp { display: block !important; }


.smt000 { margin:0% 0% 0% 0%; }
.smt050 { margin:5% 0% 0% 0%; }
.smt080 { margin:8% 0% 0% 0%; }

}



/*** END ***/