@charset "UTF-8";

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



@import url("common.css");
@import url("menu.css");



/* ----------------------------------------------------------------------------
  WRAPPER MAIN VISUAL
------------------------------------------------------------------------------- */

#main_visual_box_area{
	position:relative;
	margin:0px 0px 0px 0px;
    padding:120px 0px 0px 0px;
	z-index:0;
}

#main_visual{
    margin:0px auto 0px auto;
    padding:0px;
    width:100%;
	height:auto;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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



/* --------------------------------------------------
  CT TITLE 
-------------------------------------------------- */

h2 {
	font-size:26px;
	line-height:1.0em;
	letter-spacing:0.1em;
	color:#7FB119;
	text-align:center;
}

h3 {
    margin:0px;
    padding:0px;
	text-align:center;
}

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


/* ------------------------------------- blog */

#feed{
    margin:0px;
	padding:0px;
	width:100%;
	}

#feed ul{
    margin:0px;
    padding:0px;
    list-style:none;
}

#feed li{
    margin:15px 0px 0px 0px;
    padding:3px 0px 15px 30px;
	line-height:24px;
	text-align:left;
	background:url(../home/info_icon.png) no-repeat;
    border-bottom:1px dotted #ccc;
}

#feed li:first-child {
    margin:0px 0px 0px 0px;
}


#feed li span {
	color:#7FB119;
}






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

   TABLET                

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


@media only screen and (max-width: 1099px){


/* ----------------------------------------------------------------------------
  WRAPPER MAIN VISUAL - TA
------------------------------------------------------------------------------- */

#main_visual_box_area{
    padding:100px 0px 0px 0px;
}


/* --------------------------------------------------
  CT TITLE - TA
-------------------------------------------------- */

h2 {
	font-size:20px;
}

h3 img {
    max-width:42%;
	height:auto;
}

}








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

   SMART PHONE                 

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

	
@media only screen and (max-width: 414px){


/* ----------------------------------------------------------------------------
  WRAPPER MAIN VISUAL - TA
------------------------------------------------------------------------------- */

#main_visual_box_area{
    padding:80px 0px 0px 0px;
}


/* --------------------------------------------------
  CT TITLE 
-------------------------------------------------- */

h2 {
	font-size:18px;
	letter-spacing:0em;
}

h3 img {
    max-width:88%;
	height:auto;
}


/* ------------------------------------- blog */

#feed li{
    margin:4% 0% 0% 0%;
    padding:4px 0px 4% 30px;
	line-height:20px;
}



}




/*** END ***/