@charset "utf-8";

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



@import url("common.css");
@import url("table.css");
@import url("second_s.css");
@import url("common_r.css");


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

/* --- PAGE TITLE <h2> --- */

#page_title {
    margin:0% auto 0% auto;
	padding:0px 0px 0px 0px;
	width:100%;
	text-align:center;
	
}

#page_title h2 {
    margin:0% auto 0% auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:1em;
	color:#FFFFFF;
}


.main_ct {
	position:relative;
    top:0;
	background-size: cover;
    width:100%;
    padding-top:25%;
}

.main_ct_box {
    position:absolute;
	top:39%;
	left:50%;
	transform:translate(-50%);
	padding:0px;
    width:300px;
	height:auto;

}




/* --- PAGE NAVI --- */

#page_navi {
    margin:0%;
    padding:0%;
    width:100%;
}

#page_navi p {
    margin:0%;
    padding:2% 0px 2% 3%;
    font-size:0.75rem;
	color:#444;
}

#page_navi a {
	color:#444;
}


/* --- LIST (character only) --- */

.list_com01 {
    padding:0%;
    width:100%;
	height:auto;
	overflow:hidden;
}

.list_com01 ul {
	margin:0% auto 0% auto;
}

.list_com01 li {
	margin:0% auto 0% auto;
	padding:2% 0% 0% 1%;
	width:100%;
	text-align:left;
	font-size:13px;
}


/* --- LIST (with line) --- */

.list_com02 {
    padding:0%;
    width:100%;
	height:auto;
	overflow:hidden;
}

.list_com02 ul {
    margin:0%;
}

.list_com02 li {
    margin:0%;
    padding:0%;
	width:100%;
	height:40px;
	font-size:13px;
	line-height:40px;
	border-bottom:dotted 1px #999;
}

.list_com02 li .left {
	float:left;
	width:68%;
	height:auto;
}

.list_com02 li .right {
	float:right;
	width:32%;
	height:auto;
	text-align:right;
}



/* --- TABLE01 --- */
/*
table.style01 {
    width:100%;
	line-height:1.6em;
}

table.style01 th {
    padding:2px;
    width:25%;
	text-align:justify;
	text-justify:distribute;
	-ms-text-align-last:justify;
	-moz-text-align-last:justify;
	text-align-last:justify;
	vertical-align:top;
}

table.style01 td {
    padding:2px 0px;
    width:75%;
}
*/


/* --- TABLE02 --- */

table.style02 {
	margin:0% auto 0% auto;
    width:100%;
    border-collapse:collapse;
    border-left:#EEE 1px solid;
    border-right:#EEE 1px solid;
	font-size:13px;
}

table.style02 th {
    padding:8px 0px;
    width:100%;
    vertical-align:middle;
    text-align:center;
    background-color:#EEE;
    font-weight:bold;
}

table.style02 td {
    padding:14px 0px;
    width:100%;
    vertical-align:middle;
    text-align:center;
    border-bottom:#EEE 1px solid;
	color:#00303F;
    font-weight:bold;
}





/* --- TABLE03 --- */

table.style03 {
    width:100%;
	height:auto;
    border-collapse:collapse;
    border:#EEE 1px solid;
	font-size:14px;
}

table.style03 th {
    padding:3% 0% 3% 0%;
    width:30%;
    vertical-align:middle;
    text-align:center;
	border-bottom:#FFF 1px solid;
	background-color:#EEE;
    font-weight:bold;
}

table.style03 td {
    padding:2% 0% 2% 3%;
    width:70%;
    vertical-align:middle;
    border-bottom:#EEE 1px solid;
	color:#00303F;
}


.com_right {
	text-align:right;
	line-height:30px;	
}





/* --- CONTENT TITLE <h3> --- */

h3.content_title {
	margin:0% auto 0% auto;
    padding:5px 0px 5px 0px;
	width:100%;
	height:auto;
	line-height:1.5em;
    font-size:16px;
	font-weight:normal;
	font-family:Sawarabi;
	color:#FFF;
	text-align:center;
	background-color:#004C66;
}


/* --- CONTENT TITLE <h4> --- */

h4.content_title {
	margin:3% auto 1% auto;
    padding:0px 0px 0px 0px;
	max-width:100%;
	height:auto;
	font-size:15px;
	font-weight:bold;
}

h4.content_title_01 {
	margin:0% auto 1% auto;
    padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	font-size:15px;
	font-weight:bold;
}

h4.center_title {
	margin:0% auto 0% auto;
    padding:0px 0px 0px 0px;
	max-width:100%;
	height:auto;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

h4.center_title_01 {
	margin:0% auto 0% auto;
    padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}


/* --------------------------------------------------
   second01 
-------------------------------------------------- */

.about_box{
	margin:3% auto 0% auto;
	padding:0px;
	max-width:100%;
	height:auto;
	display:flex;
	align-items:center;
	font-size:0;
}



.about_box ul {
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	margin:0px auto 0px auto;
	padding:0px;
	height:auto;
}


.about_box li {
	margin:0% auto 7% auto;
	padding:0;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
}

.about_box li:last-child {
	margin:0% auto 0% auto;
}


.about_box li img {
	margin:0% auto;
	padding:0;
	width:50%;
	height:auto;
}


.about_title{
	margin:3% auto 3% auto;
	padding:1% 0px 1% 3%;
	width:100%;
	height:auto;
	background:#65BAAF;
	color:#FFFFFF;
}

p.a_com{
	margin:0% auto 0% auto;
	padding:0% 0px 0% 0px;
	width:100%;
	height:auto;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	vertical-align:middle;
}

.about_box p{
	margin:0% 0% 0% 0%;
	padding:0px;
	width:100%;
	height:auto;
	font-size:13px;
	text-align:left;
}



.staff_box{
	margin:0% auto 0% auto;
	padding:0px;
	width:100%;
	height:auto;
	font-size:0;
}


.staff_box ul {
	margin:0% auto 0% auto;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	padding:0px;
	height:auto;
}


.staff_box li {
	margin:0% auto 7% auto;
	padding:5% 0%  7% 0%;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
	background:#FFFFFF;

}

.staff_box li img {
	margin:0% auto;
	padding:0%;
	width:100%;
	height:auto;
}


.stand_box{
	margin:0% auto 7% auto;
	padding:5% 0px 7% 0px;
	width:100%;
	height:auto;
	font-size:0;
	background:#FFFFFF;
}



/* --- TABLE --- */



table.form_service {
    margin:0% auto 0% auto;
    padding:0% 5% 0% 5%;
    width:90%;
	border:none;
	font-size:13px;
}
 
table.form_service th {
	margin:0% 0% 0% 0%;
	padding:0% 0% 5% 0%;
    width:100%;
	text-align:center;
	display:block;
	border:none;
	font-weight:bold;
	color:#625050;
}

table.form_service th a:link {
    text-decoration:underline;
    color:#333;
}

table.form_service th a:visited {
    text-decoration:underline;
    color:#333;
}

table.form_service th a:hover {
    text-decoration:underline;
    color:#999;
}

table.form_service th a:active {
    text-decoration:underline;
    color:#ccc;
}


table.form_service td {
	margin:5% 0% 5% 0%;
    padding:0% 0% 0% 0%;
    width:100%;
	display:block;
	border:none;
	text-align:left;  
}

table.form_service th span{
	margin:0% auto 0% auto;
	padding:0% 0% 1% 0%;
	border-bottom:1px solid #6A5C5D;
	line-height:1.85em;
	font-weight:bold;
	border-collapse:separate;
	border-spacing:0;
	font-size:16px;
    color:#000017;
}


.service_image{
    margin:0% auto 0% auto;
    padding:0% 0% 0% 0%;
    width:90%;
	overflow:hidden;
}

.service_image ul{
    margin:0% auto 0% auto;
    padding:0% 0% 0% 0%;
    width:100%;
	overflow:hidden;
}

.service_image ul li{
    margin:0%;
    padding:0% 0% 0% 0%;
    width:100%;
	overflow:hidden;
}

.service_image ul li img{
    width:100%;
}

/*  IMAGE (LEFT) + caption */


.home_l{
	margin:0% auto 0 auto;
	width:90%;
	overflow:hidden;
}

.home_l img {
	margin:0;
	width:100%;
	height:auto;
}

.home_l_com {
	margin:3% auto 0% auto;
	width:75%;
	overflow:hidden;
	text-align:center;
}

.home_l_com img {
	margin:0;
	width:25%;
	height:auto;
}


.home_l_com p {
	width:100%;
	margin:7% auto 0% auto;
	font-size:0.95rem;
	line-height:1.35em;
	text-align:left;
}



/*  caption + IMAGE (RIGHT)  */

.home_r {
	margin:3% auto 0 auto;
	width:100%;
	overflow:hidden;
}

.home_r img {
	margin:0;
	width:100%;
	height:auto;
}

.home_r_com {
	margin:0% auto 0% auto;
	width:100%;
	overflow:hidden;
	text-align:center;
}


.home_r_com p{
	width:100%;
	margin:7% auto 0% auto;
	font-size:0.95rem;
	line-height:1.35em;
	text-align:left;
}







/* --------------------------------------------------
   second02 
-------------------------------------------------- */

/* ---------------------- IMAGE×3  + CAPTION */

ul.image3 {
	margin:0% auto 0% auto;
	padding:0px;
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	width:100%;
	height:auto;
}

ul.image3:after{
    content:"";
    display: block;
    width:30%;
}

ul.image3 li {
	margin:0% auto 3% auto;
	padding:0px;
	width:80%;
    height:auto;
}

ul.image3 li img {
	width:100%;
    height:auto;
}

ul.image3 li .name01 {
	margin:12px 0px 0px 0px;
	padding:0px;
	width:100%;
	line-height:1.0em;
	font-weight:bold;
	color:#555;
}

ul.image3 li .name02 {
	margin:6px 0px 0px 0px;
	padding:0px;
	width:100%;
	font-size:14px;
	line-height:1.0em;
	color:#555;
}




/* --- IMAGE --- */


.shop_image {
	margin:0% auto 0% auto;
    padding:0%;
	width:100%;
	text-align:center;
	overflow:hidden;

}

.shop_image img {
	margin:0% auto 0% auto;
	width:100%;
	height:auto;
}


.shop_content{
    margin:0% auto 0% auto;
	padding:0;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}



.picture_image {
	margin:0% auto 0% auto;
    padding:0%;
	width:95%;
	text-align:center;
	overflow:hidden;

}

.picture_image img {
	margin:0% auto 0% auto;
	width:100%;
	height:auto;
}




/* --------------------------------------------------
   second04 
-------------------------------------------------- */

.p_com01{
	width:100%;
	margin:0% auto 2% auto;
	font-size:15px;
	font-weight:bold;
}

.p_com02{
	max-width:100%;
	margin:0% auto 0% auto;
	font-size:14px;
}






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

                 for TABLET                   

--  --  --  --  --  --  --  --  --  --  --*/
	
@media only screen and (min-width: 600px){
	
.main_ct_box {
	top:46%;

}


.about_box{
	margin:3% auto 0% auto;
	padding:0px;
	max-width:100%;
	height:auto;
	display:flex;
	align-items:center;
	font-size:0;
}



.about_box ul {
	list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	margin:0px auto 0px auto;
	padding:0px;
	height:auto;
}


.about_box li {
	margin:0% auto 7% auto;
	padding:0;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
}

.about_box li:last-child {
	margin:0% auto 0% auto;
}


.about_box li img {
	margin:0% auto;
	padding:0;
	width:50%;
	height:auto;
}


.about_title{
	margin:3% auto 3% auto;
	padding:1% 0px 1% 3%;
	width:100%;
	height:auto;
	background:#65BAAF;
	color:#FFFFFF;
}

p.a_com{
	margin:0% auto 0% auto;
	padding:0% 0px 0% 0px;
	width:100%;
	height:auto;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	vertical-align:middle;
}

.about_box p{
	margin:0% 0% 0% 0%;
	padding:0px;
	width:100%;
	height:auto;
	font-size:13px;
	text-align:left;
}



}

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

                 for PC                    

--  --  --  --  --  --  --  --  --  --  --*/
	
@media only screen and (min-width: 800px){


#page_title {
    margin:0% auto 0% auto;
	padding:0px 0px 0px 0px;
	width:100%;
	text-align:center;
	
}

#page_title h2 {
    margin:0% auto 0% auto;
	padding:50px 0px 0px 0px;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	letter-spacing:2px;
}

.main_ct_box {
	top:26%;

}

h4.content_title {
	margin:3% auto 1% auto;
    padding:0px 0px 0px 0px;
	max-width:100%;
	height:auto;
	font-size:17px;
	font-weight:bold;
}

	
.home_com {
	margin:4% auto 0 auto;
	width:90%;
	font-size:1rem;
	text-align:center;
}

.home_image img {
	margin:0%;
	width:100%;
	height:auto;
}




.home_l{
	float:left;
	margin:0% auto 0% auto;
	width:62%;
	overflow:hidden;
}

.home_l img {
	margin:0;
	width:100%;
	height:auto;
}

.home_l_com {
	float:right;
	margin:3% auto 0% auto;
	width:35%;
	overflow:hidden;
	text-align:left;
}

.home_l_com img {
	margin:0;
	width:25%;
	height:auto;
}

.home_l_com p {
	margin:7% auto 0% auto;
	font-size:0.95rem;
	line-height:1.8em;
	text-align:left;
}






.home_r {
	float:right;
	margin:5% auto 5% auto;
	width:40%;
	height:auto;
	overflow:hidden;
	text-align:right;
}

.home_r img {
	margin:0;
	width:100%;
	height:auto;
}

.home_r_com {
	float:left;
	margin:5% auto 0% auto;
	width:55%;
	height:auto;
	overflow:hidden;
	text-align:left;
}

.home_r_com p{
	margin:7% auto 0% auto;
	font-size:0.95rem;
	line-height:1.8em;
	text-align:left;
}


.home_r_com img {
	margin:0;
	width:25%;
	height:auto;
}



/*  ABOUT */

.about_box{
	margin:8% auto 0% auto;
}

.about_box li {
	margin:0% auto 0% auto;
	width:23%;
}

.about_box li img {
	width:100%;
}

.about_box p {
	margin:10% auto 0% auto;
	padding:0;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
}

.about_title{
	margin:5% auto 0% auto;
	padding:10px 0px 10px 0px;
	width:100%;
	height:auto;
	background:#65BAAF;
	color:#FFFFFF;
}

p.a_com{
	margin:0% auto 0% auto;
	padding:0% 0px 0% 0px;
	width:100%;
	height:auto;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
}

.stand_box{
	margin:55px auto 55px auto;
	padding:20px 0px 20px 0px;
	width:100%;
	height:auto;
	font-size:0;
	background:#FFFFFF;
}

.staff_box li {
	margin:0% auto 0% auto;
	padding:2% 0%  2% 0%;
	width:30%;
	height:auto;
	display:inline-block;
	text-align:center;
	background:#FFFFFF;

}

.service_image{
    margin:0% auto 0% auto;
    padding:0% 0px 0% 0px;
    width:95%;
	overflow:hidden;
}

.service_image ul{
    margin:0% auto 0% auto;
    padding:0% 0% 0% 0%;
    width:100%;
	overflow:hidden;
	display:flex;
}

.service_image ul li{
    margin:0% auto 0% auto;
    padding:0% 0% 0% 0%;
    width:33%;
	overflow:hidden;
	display:flex;
}

.service_image ul li img{
    width:100%;
}

/* --- TABLE --- */



ul.image3 li {
	width:30%;
}







table.form_service th span{
	margin:0% auto 0% auto;
	padding:0% 0% 7px 0%;
	border-bottom:1px solid #6A5C5D;
	line-height:1.85em;
	font-weight:bold;
	border-collapse:separate;
	border-spacing:0;
	font-size:18px;
}

table.form_service {
    margin:0% auto 0% auto;
    padding:0% 0% 0% 0%;
    width:100%;
	border:none;
	font-size:15px;
}
 
table.form_service th {
	margin:0% 0% 20px 0%;
	padding:0px 0px 0px 0px;
    width:100%;
	vertical-align:middle;
	text-align:center;
	display:block;
	border:none;
	font-size:16px;
}

table.form_service td {
	margin:0% auto 0% auto;
    padding:0% 0px 0% 0px;
    width:100%;
	height:165px;
	vertical-align:middle;
	display:block;
	border:none;
	text-align:center;
}


.list_com01 li {
	margin:0% auto 0% auto;
	width:100%;
	text-align:left;
	font-size:15px;
}


table.style03 {
	font-size:15px;
}

table.style02 {
	font-size:15px;
}



.course{
	width:100%;
}

.course p{
	margin:0% auto 0% auto;
	width:100%;
	text-align:center;
	font-size:15px;
}


.com01{
	width:100%;
	font-size:17px;
}


.p_com01{
	width:100%;
	font-size:17px;
}

.p_com02{
	width:100%;
	font-size:16px;
}




}