@charset "UTF-8";

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



@import url("common.css");







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

/*   SLIDER  */

.wrap {
   width:100%;
   height:100%;
   margin:0 auto;
   position: relative;
}

.supersized{
	padding-bottom:50px;
}






/*   MAIN VISUAL   */

#main_visual_box_area {
	margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    width:100%;
	min-width:375px;
	height:auto;
	position:relative; 
	z-index:1;
}
		
#main_visual01 {
	margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    width:100%;
	min-width:375px;
	height:auto;
	overflow:hidden;
	position:relative; 
	z-index:2;
}

#main_visual02 {
    margin:0px auto 0px auto;
    width:100%;
	height:auto;
	text-align:center;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	z-index:3;
}


/*   HEADER   */

.fixed {
	position:fixed;
	top:0;
	z-index:1000;
	width:100%;
    filter:alpha(opacity=95);
    -moz-opacity:0.95;
    opacity:0.95;
}


/* ----------------------------------------------------------
   CONTENT AREA
---------------------------------------------------------- */

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


/*   concept    */

.concept_area {
    margin:120px auto 0px auto;
    padding:0px 0px 0px 0px;
    width:1300px;
	height:auto;
	overflow:hidden;
}


.concept_left_com {
	float:left;
    margin:0px auto 0px auto;
	width:50%;
	overflow:hidden;
}


.concept_right_img {
	float:right;
    margin:25px auto 0px auto;
    padding:0px 0px 0px 0px;
	width:600px;
	height:auto;
}

.concept_right_img img {
	width:100%;
}


.concept_left_img {
	float:left;
    margin:25px auto 0px auto;
    padding:0px 0px 0px 0px;
	width:600px;
	height:auto;
}

.concept_left_img img {
	width:100%;
}

.concept_right_com {
	float:right;
    margin:0px auto 0px auto;
	width:50%;
	overflow:hidden;
}

.concept_act {
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
	font-size:16px;
	line-height:20px;
	color:#1D305D;
	font-style:italic;
}

h3.concept_title {
    margin:5px 0px 0px 0px;
    padding:0px 20px 0px 20px;
	width:auto;
	height:48px;
	line-height:48px;
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#FFF;
	display:inline-block;
	background:#1D305D;
}

.concept_com {
    margin:50px 0px 0px 0px;
    padding:0px 0px 0px 10px;
	font-size:15px;
	line-height:2.0em;
	color:#333;
}





/*   information    */

.information_area {
    margin:100px auto 0px auto;
    padding:0px 0px 0px 0px;
    width:100%;
	height:570px;
	overflow:hidden;
	background:url(../home/bg_img01.png);
}

h3.information_title {
    margin:55px auto 0px auto;
    padding:0px 0px 0px 0px;
	font-size:24px;
	color:#333;
	text-align:center;
}

h3.information_title span {
	border-bottom:solid 1px #000;
}

.information_image_box {
    margin:40px auto 0px auto;
    padding:0px 0px 0px 0px;
    width:100%;
	height:auto;
	display:flex;
}

.information_image {
	width:100%;
	height:auto;
}

.information_image img {
	width:100%;
	height:auto;
}


/*   banner    */

.banner_area {
    margin:0px auto 0px auto;
    padding:100px 0px 100px 0px;
    width:100%;
	height:auto;
	overflow:hidden;
}

.banner_image_box {
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    width:100%;
	height:auto;
	display:flex;
}

h4.banner_image {
    margin:0px auto 0px auto;
    padding:0px 25px 0px 25px;
	width:100%;
	height:auto;
}

h4.banner_image img {
	width:100%;
	height:auto;
}




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

                 for SP                    

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


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


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

#main_visual02 {
	width:50%;
}

#main_visual02 img {
    max-width:60%;
	height:auto;
}


/* ----------------------------------------------------------
   CONTENT AREA  -- sp --
---------------------------------------------------------- */

/*   concept    */

.concept_area {
    margin:5% auto 0% auto;
    width:100%;
}


.concept_left_com {
	float:none;
    margin:10% auto 0% auto;
	width:90%;
}

.concept_right_img {
	float:none;
    margin:5% auto 0% auto;
	width:90%;
}


.concept_left_img {
	float:none;
    margin:5% auto 0% auto;
	width:90%;
}

.concept_right_com {
	float:none;
    margin:10% auto 0% auto;
	width:90%;
}

.concept_act {
	font-size:13px;
}

h3.concept_title {
    margin:0% 0px 0% 0px;
    padding:0px 8px 0px 8px;
	width:auto;
	height:24px;
	line-height:24px;
	font-size:13px;
}

.concept_com {
    margin:5% 0px 0% 0px;
    padding:0px 0px 0px 0px;
	font-size:14px;
}





/*   information    */

.information_area {
    margin:20% auto 0% auto;
    padding:0px 0px 10% 0px;
	height:auto;
}

h3.information_title {
    margin:5% auto 0% auto;
	font-size:14px;
}

.information_image_box {
    margin:5% auto 5% auto;
	display:block;
}

.information_image img {
	max-width:100%;
}


/*   banner    */

.banner_area {
    padding:10% 0px 15% 0px;
}

.banner_image_box {
    width:90%;
	display:block;
}

h4.banner_image {
    margin:5% auto 0% auto;
    padding:0px 0px 0px 0px;
}




}

/*** END ***/