@charset "utf-8";



* {
 padding             : 0;
 margin              : 0;
}

html{
 font-size           : 62.5%;
 line-height         : 140%;
 height              : 100%;
}

body {
 margin              : 0;
 padding             : 0;
 height              : 100%;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
/* font-family         : "Hiragino Kaku Gothic ProN", "MS PGothic",sans-serif;*/
 letter-spacing      : 0.05em;
/* color               : #3f3b3a;*/
 color               : #0095d9;
}


.codepc{ display     : inline; }
.codesp{ display     : none; }


/*-------------------------------------------
メインビジュアル部分
-------------------------------------------*/

.mainv {
 position            : relative;
 width               : 100%;
 height              : 100%;
 background-image    : url(../img/main2.jpg);
 background-position : 50% 50%;
 background-repeat   : no-repeat;
 background-size     : cover;
 overflow            : hidden;
}

.mainvlogo {
 position            : absolute;
 top                 : 35%;
 left                : 23%;
 transform           : translateY(-50%) translateX(-50%);
 -webkit- transform  : translateY(-50%) translateX(-50%);
}




/*-------------------------------------------
ナビゲーション部分
-------------------------------------------*/

#menu-wrap {
 width               : 100%;
 height              : 66px;
 background          : #ffffff;
 z-index             : 9999;
}
#menu {
 list-style-type     : none;
 width               : 90%;
 margin              : 0px auto 0px;
 padding             : 0;
}
#menu li {
 width               : 20%;
 float               : left;
 margin              : 0;
 padding             : 0;
 text-align          : center;
}
#menu li a {
 display             : block;
 width               : 100%;
 padding             : 13px 0;
 color               : #54d2d8;
 font-size           : 16px;
 font-weight         : 200;
 line-height         : 200%;
 text-decoration     : none;
}
#menu li a:hover {
 background          : #272435;
 color               : #54d2d8;
}
#menu li.logo a {
 display             : block;
 width               : 100%;
 padding             : 13px 0 0 0;
}
#menu li.logo a:hover{
 background          : #ffffff;
}
.fixed{
 position            : fixed;
 top                 : 0px;
 left                : 0px
 z-index             : 9999;
}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/

.containerW {
 margin              : 0 0 0 0;
 width               : 100%;
 text-align          : center;
 background          : #ffffff;
 color               : #3e3a39;
}
.containerG {
 margin              : 0 0 0 0;
 width               : 100%;
 text-align          : center;
 background          : #f2f2f2;
 color               : #3e3a39;
}
.containerB {
 margin              : 0 0 0 0;
 width               : 100%;
 text-align          : center;
 background          : #282828;
 color               : #ffffff;
}

.content{
 clear               : both;
 display             : block;
 margin              : 0px auto;
 padding             : 40px 0 40px 0;
 width               : 90%;
 font-size           : 1.27em;
 line-height         : 200%;
 text-align          : left;
}
.content:after {
 content             : "";
 display             : block;
 clear               : both;
}




/*-------------------------------------------
グループ
-------------------------------------------*/

.group01{
 margin              : 0px auto;
 width               : 100%;
 background-image    : url(../img/group_bg01.jpg);
 background-repeat   : no-repeat;
 background-size     : cover;
 overflow            : hidden;
}
.group02{
 margin              : 0px auto;
 width               : 100%;
 background-image    : url(../img/group_bg02.jpg);
 background-repeat   : no-repeat;
 background-size     : cover;
 overflow            : hidden;
}
.group03{
 margin              : 0px auto;
 width               : 100%;
 background-image    : url(../img/group_bg03.jpg);
 background-repeat   : no-repeat;
 background-size     : cover;
 overflow            : hidden;
}
.group04{
 margin              : 0px auto;
 width               : 100%;
 background-image    : url(../img/group_bg04.jpg);
 background-repeat   : no-repeat;
 background-size     : cover;
 overflow            : hidden;
}
.group05{
 margin              : 0px auto;
 width               : 100%;
 background-image    : url(../img/group_bg05.jpg);
 background-repeat   : no-repeat;
 background-size     : cover;
 overflow            : hidden;
}
.group06{
 margin              : 0px auto;
 width               : 100%;
 background-image    : url(../img/group_bg06.jpg);
 background-repeat   : no-repeat;
 background-size     : cover;
 overflow            : hidden;
}

.group01 .wrapper,
.group02 .wrapper,
.group03 .wrapper,
.group04 .wrapper,
.group05 .wrapper,
.group06 .wrapper{
 position            : relative;
 width               : 100%;
}
.group01 .wrapper:before,
.group02 .wrapper:before,
.group03 .wrapper:before,
.group04 .wrapper:before,
.group05 .wrapper:before,
.group06 .wrapper:before{
 content             :"";
 display             : block;
 padding-top         : 58%; /* 高さを幅の58%に固定 */
}

.group01 .wrapper .cont,
.group02 .wrapper .cont,
.group03 .wrapper .cont,
.group04 .wrapper .cont{
 position: absolute;
 top                 : 8%;
 left                : 8%;
 bottom              : 5%;
 right               : 8%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : left;
 font-weight         : 200;
 text-shadow         : 1px 1px 3px #ffffff;
 color               : #282828;
/* color               : #00552e;*/
}
.group05 .wrapper .cont,
.group06 .wrapper .cont{
 position: absolute;
 top                 : 8%;
 left                : 8%;
 bottom              : 5%;
 right               : 8%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : left;
 font-weight         : 200;
 text-shadow         : 6px 6px 5px #ff0000;
 color               : #ffffff;
/* color               : #00552e;*/
}

/*左上*/
.group01 .wrapper .cont .box01,
.group02 .wrapper .cont .box01,
.group03 .wrapper .cont .box01,
.group04 .wrapper .cont .box01,
.group05 .wrapper .cont .box01,
.group06 .wrapper .cont .box01{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 50%;
 height              : 50%;
 text-align          : left;
}

/*右上*/
.group01 .wrapper .cont .box02,
.group02 .wrapper .cont .box02,
.group03 .wrapper .cont .box02,
.group04 .wrapper .cont .box02,
.group05 .wrapper .cont .box02,
.group06 .wrapper .cont .box02{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 50%;
 height              : 50%;
 text-align          : right;
}

/*上半分*/
.group01 .wrapper .cont .box03,
.group02 .wrapper .cont .box03,
.group03 .wrapper .cont .box03,
.group04 .wrapper .cont .box03,
.group05 .wrapper .cont .box03,
.group06 .wrapper .cont .box03{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 100%;
 height              : 50%;
 text-align          : left;
}

/*下半分*/
.group01 .wrapper .cont .box04,
.group02 .wrapper .cont .box04,
.group03 .wrapper .cont .box04,
.group04 .wrapper .cont .box04,
.group05 .wrapper .cont .box04,
.group06 .wrapper .cont .box04{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 100%;
 height              : 100%;
 text-align          : right;
}
.group01 .wrapper .cont .box04b,
.group02 .wrapper .cont .box04b,
.group03 .wrapper .cont .box04b,
.group04 .wrapper .cont .box04b,
.group05 .wrapper .cont .box04b,
.group06 .wrapper .cont .box04b{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 100%;
 height              : 50%;
 text-align          : right;
}
.group01 .wrapper .cont .box05,
.group02 .wrapper .cont .box05,
.group03 .wrapper .cont .box05,
.group04 .wrapper .cont .box05,
.group05 .wrapper .cont .box05,
.group06 .wrapper .cont .box05{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 100%;
 height              : 50%;
 text-align          : right;
}
.group01 .wrapper .cont .box06,
.group02 .wrapper .cont .box06,
.group03 .wrapper .cont .box06,
.group04 .wrapper .cont .box06,
.group05 .wrapper .cont .box06,
.group06 .wrapper .cont .box06{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 100%;
 height              : 50%;
 text-align          : right;
}
.group01 .wrapper .cont .box07,
.group02 .wrapper .cont .box07,
.group03 .wrapper .cont .box07,
.group04 .wrapper .cont .box07,
.group05 .wrapper .cont .box07,
.group06 .wrapper .cont .box07{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 100%;
 height              : 50%;
 text-align          : right;
}
.group01 .wrapper .cont .box07b,
.group02 .wrapper .cont .box07b,
.group03 .wrapper .cont .box07b,
.group04 .wrapper .cont .box07b,
.group05 .wrapper .cont .box07b,
.group06 .wrapper .cont .box07b{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0;
 width               : 100%;
 height              : 50%;
 text-align          : right;
}
.group_strong{
 font-size           : 2.6vw;
 font-weight         : 600;
}

.group01 .wrapper .cont .box04 span,
.group02 .wrapper .cont .box04 span,
.group03 .wrapper .cont .box04 span,
.group04 .wrapper .cont .box04 span,
.group05 .wrapper .cont .box04 span,
.group06 .wrapper .cont .box04 span,

.group01 .wrapper .cont .box05 span,
.group02 .wrapper .cont .box05 span,
.group03 .wrapper .cont .box05 span,
.group04 .wrapper .cont .box05 span,
.group05 .wrapper .cont .box05 span,
.group06 .wrapper .cont .box05 span,

.group01 .wrapper .cont .box06 span,
.group02 .wrapper .cont .box06 span,
.group03 .wrapper .cont .box06 span,
.group04 .wrapper .cont .box06 span,
.group05 .wrapper .cont .box06 span,
.group06 .wrapper .cont .box06 span,

.group01 .wrapper .cont .box07 span,
.group02 .wrapper .cont .box07 span,
.group03 .wrapper .cont .box07 span,
.group04 .wrapper .cont .box07 span,
.group05 .wrapper .cont .box07 span,
.group06 .wrapper .cont .box07 span,

.group01 .wrapper .cont .box07b span,
.group02 .wrapper .cont .box07b span,
.group03 .wrapper .cont .box07b span,
.group04 .wrapper .cont .box07b span,
.group05 .wrapper .cont .box07b span,
.group06 .wrapper .cont .box07b span,

.group01 .wrapper .cont .box04b span,
.group02 .wrapper .cont .box04b span,
.group03 .wrapper .cont .box04b span,
.group04 .wrapper .cont .box04b span,
.group05 .wrapper .cont .box04b span,
.group06 .wrapper .cont .box04b span{
 position            : absolute;
 bottom              : 0;
 right               : 0;
}


.btn01{
 padding             : 4px 0 0 0;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight         : 500;
 font-size           : 16px;
 color               : #45566b;
}
.btn01 a{
 display             : inline-block;
 width               : 250px;
 padding             : 8px 14px 8px 14px;
 border-radius       : 2px;
 color               : #54d2d8;
 background          : #ffffff;
/* text-shadow         : 0px 0px 0px #ffffff;*/
 text-shadow         : none;
 text-align          : center;
}
.btn01 a:hover{
 transition          : 1.6s;
 border-radius       : 2px;
 text-decoration     : none;
 color               : #54d2d8;
 background          : #ffffff;
}



/*-------------------------------------------
メッセージ
-------------------------------------------*/

.mess_pic{
 float               : left;
 display             : inline;
 margin              : 0 2% 0 5%;
 width               : 23%;
 font-size           : 1.6em;
 line-height         : 160%;
 text-align          : left;
 font-weight         : 200;
}
.mess_txt{
 float               : left;
 display             : inline;
 margin              : 0 10% 0 0;
 width               : 60%;
 font-size           : 1.3em;
 line-height         : 180%;
 text-align          : left;
 font-weight         : 200;
}



/*-------------------------------------------
About us
-------------------------------------------*/

.about_cell00{
 float               : left;
 display             : inline;
 margin              : 20px 0 0 0;
 padding             : 20px 0 0 0;
 width               : 100%;
 font-size           : 1.3em;
 line-height         : 160%;
 text-align          : left;
 font-weight         : 200;
}
.about_cell01{
 float               : left;
 display             : inline;
 width               : 30%;
 text-align          : center;
}
.about_cell02{
 float               : left;
 display             : inline;
 width               : 70%;
 text-align          : left;
}
.about_cell02 .box3{
 float               : left;
 display             : inline;
 width               : 33%;
 text-align          : left;
}


/*-------------------------------------------
ACCESS
-------------------------------------------*/

#map {
 margin              : 20px 0 0 3%;
 width               : 97%;
 height              : 450px;
}


/*-------------------------------------------
CONTACT
-------------------------------------------*/

.contact_cell01{
 float               : left;
 display             : inline;
 width               : 50%;
 text-align          : center;
 padding             : 20px 0 20px 0;
}
.contact_cell02{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
}


.fll     { width: 80%; background: #ffffff;border: solid 1px #A9A9A9; padding:10px; margin:10px 0 0 0; height:20px;}
textarea { width: 80%; background: #ffffff;border: solid 1px #A9A9A9; padding:10px; margin:10px 0 0 0; height:176px;}
.soushin { width : 200px; height : 50px; background: #3f3b3a; color : #ffffff; border: solid 0px #3f3b3a; cursor:  "hand"; margin-top : 10px;}


/*-------------------------------------------
フッター
-------------------------------------------*/

footer{
 clear               : both;
 display             : block;
 margin              : 0 0 0 0;
 padding             : 30px 0 60px 0;
 width               : 100%;
 text-align          : center;
 font-size           : 1em;
 background          : #282828;
 color               : #bebebe;
}


/*-------------------------------------------
プライバシーポリシー
-------------------------------------------*/

.txt {
 padding             : 20px 20px 20px 20px;
 margin              : 0;
}

.txt .dan{
 display             : inline;
 float               : left;
 margin              : 20px 0 0 0;
 font-size           : 1em;
 line-height         : 160%;
}


/*-------------------------------------------
新着
-------------------------------------------*/

.newsarea{
 float               : left;
 display             : inline;
 margin              : 0px auto;
 padding             : 32px 0 0 4%;
 width               : 96%;
}

.newsarea .left{
 float               : left;
 display             : inline;
 padding             : 0 0 12px 0;
 width               : 100%;
 margin-right        : -320px;
 text-align          : left;
 line-height         : 160%;
}
.newsarea .right{
 float               : left;
 display             : inline;
 padding             : 0 0 12px 0;
 width               : 320px;
 text-align          : right;
}

.newsarea .left .newswrap{
 margin-right        : 320px;
}

.contentnews{
 width               : 100%;
 height              : 240px;
 overflow            : hidden;
 padding             : 0px;
}

.contentnews .newsbox{
 float               : left;
 display             : inline;
 width               : 95%;
 text-align          : left;
 padding             : 6px 0 6px 0;
 border-bottom       : 1px dotted #cccccc;
}
.contentnews .newsbox .newsdate{
 float               : left;
 display             : inline;
 width               : 20%;
 text-align          : left;
}
.contentnews .newsbox .newstxt{
 float               : left;
 display             : inline;
 width               : 78%;
 padding             : 0 0 0 2%;
 text-align          : left;
}








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

@media (max-width: 768px) {


	.codepc{ display     : none; }
	.codesp{ display     : inline; }


/*-------------------------------------------
メインビジュアル部分
-------------------------------------------*/

	.mainv {
	 position            : relative;
	 width               : 100%;
	 height              : auto;
	 background-image    : none;
	}

	.mainvlogo {
	 display             : none;
}



/*-------------------------------------------
ナビゲーション部分
-------------------------------------------*/

	#menu-wrap {
	 width               : 100%;
	 height              : auto;
	 background          : #ffffff;
	 z-index             : 9999;
	}
	#menu {
	 list-style-type     : none;
	 width               : 96%;
	 margin              : 0px auto 0px;
	 padding             : 0;
	}
	#menu li {
	 width               : 20%;
	 float               : left;
	 margin              : 0;
	 padding             : 0;
	 text-align          : center;
	}
	#menu li.logo{
	 width               : 19%;
	 padding             : 0 1% 0 0;
	}
	#menu li a {
	 display             : block;
	 width               : 100%;
	 padding             : 13px 0;
/*	 color               : #3e3a39;*/
	 color               : #54d2d8;
	 font-size           : 3vw;
	 font-weight         : 200;
	 line-height         : 200%;
	 text-decoration     : none;
	}
	#menu li a:hover {
	 background          : #272435;
/*	 color               : #ffffff;*/
	 color               : #54d2d8;
	}
	#menu li.logo a {
	 display             : block;
	 width               : 100%;
	 padding             : 13px 0 0 0;
	}
	#menu li.logo a:hover{
	 background          : #ffffff;
	}
	.fixed{
	 position            : fixed;
	 top                 : 0px;
	 left                : 0px
	 z-index             : 9999;
	}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/

	.containerW {
	 margin              : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 background          : #ffffff;
	 color               : #3e3a39;
	}
	.containerG {
	 margin              : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 background          : #f2f2f2;
	 color               : #3e3a39;
	}
	.containerB {
	 margin              : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 background          : #282828;
	 color               : #ffffff;
	}

	.content{
	 clear               : both;
	 display             : block;
	 margin              : 0px auto;
	 padding             : 1em 0 1em 0;
	 width               : 98%;
	 font-size           : 3vw;
	 line-height         : 200%;
	 text-align          : left;
	}
	.content:after {
	 content             : "";
	 display             : block;
	 clear               : both;
	}





/*-------------------------------------------
グループ
-------------------------------------------*/

	.group01{
	 margin              : 0px auto;
	 width               : 100%;
	 background-image    : none;
	}
	.group02{
	 margin              : 0px auto;
	 width               : 100%;
	 background-image    : none;
	}
	.group03{
	 margin              : 0px auto;
	 width               : 100%;
	 background-image    : none;
	}
	.group04{
	 margin              : 0px auto;
	 width               : 100%;
	 background-image    : none;
	}
	.group05{
	 margin              : 0px auto;
	 width               : 100%;
	 background-image    : none;
	}
	.group06{
	 margin              : 0px auto;
	 width               : 100%;
	 background-image    : none;
	}
	.group01 .wrapper,
	.group02 .wrapper,
	.group03 .wrapper,
	.group04 .wrapper,
	.group05 .wrapper,
	.group06 .wrapper{

	 position            : relative;
	 width               : 100%;
	}
	.group01 .wrapper:before,
	.group02 .wrapper:before,
	.group03 .wrapper:before,
	.group04 .wrapper:before,
	.group05 .wrapper:before,
	.group06 .wrapper:before{
	 content             :"";
	 display             : block;
	 padding-top         : 0; /* 高さを幅の58%に固定 */
	}

	.group01 .wrapper .cont,
	.group02 .wrapper .cont,
	.group03 .wrapper .cont,
	.group04 .wrapper .cont,
	.group05 .wrapper .cont,
	.group06 .wrapper .cont{
	 position            : relative;
	 top                 : 0%;
	 left                : 3%;
	 bottom              : 0%;
	 right               : 0%;
	 font-size           : 3vw;
	 line-height         : 160%;
	 text-align          : left;
	 font-weight         : 200;
/*	 text-shadow         : 1px 1px 3px #ffffff;*/
         text-shadow         : none;
	 color               : #282828;
	}

	/*左上*/
	.group01 .wrapper .cont .box01,
	.group02 .wrapper .cont .box01,
	.group03 .wrapper .cont .box01,
	.group04 .wrapper .cont .box01,
	.group05 .wrapper .cont .box01,
	.group06 .wrapper .cont .box01{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}

	/*右上*/
	.group01 .wrapper .cont .box02,
	.group02 .wrapper .cont .box02,
	.group03 .wrapper .cont .box02,
	.group04 .wrapper .cont .box02,
	.group05 .wrapper .cont .box02,
	.group06 .wrapper .cont .box02{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}

	/*上半分*/
	.group01 .wrapper .cont .box03,
	.group02 .wrapper .cont .box03,
	.group03 .wrapper .cont .box03,
	.group04 .wrapper .cont .box03,
	.group05 .wrapper .cont .box03,
	.group06 .wrapper .cont .box03{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}

	/*下半分*/
	.group01 .wrapper .cont .box04,
	.group02 .wrapper .cont .box04,
	.group03 .wrapper .cont .box04,
	.group04 .wrapper .cont .box04,
	.group05 .wrapper .cont .box04,
	.group06 .wrapper .cont .box04{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}
	.group01 .wrapper .cont .box04b,
	.group02 .wrapper .cont .box04b,
	.group03 .wrapper .cont .box04b,
	.group04 .wrapper .cont .box04b,
	.group05 .wrapper .cont .box04b,
	.group06 .wrapper .cont .box04b{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}
	.group01 .wrapper .cont .box05,
	.group02 .wrapper .cont .box05,
	.group03 .wrapper .cont .box05,
	.group04 .wrapper .cont .box05,
	.group05 .wrapper .cont .box05,
	.group06 .wrapper .cont .box05{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}
	.group01 .wrapper .cont .box06,
	.group02 .wrapper .cont .box06,
	.group03 .wrapper .cont .box06,
	.group04 .wrapper .cont .box06,
	.group05 .wrapper .cont .box06,
	.group06 .wrapper .cont .box06{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}

	.group01 .wrapper .cont .box07,
	.group02 .wrapper .cont .box07,
	.group03 .wrapper .cont .box07,
	.group04 .wrapper .cont .box07,
	.group05 .wrapper .cont .box07,
	.group06 .wrapper .cont .box07{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}

	.group01 .wrapper .cont .box07b,
	.group02 .wrapper .cont .box07b,
	.group03 .wrapper .cont .box07b,
	.group04 .wrapper .cont .box07b,
	.group05 .wrapper .cont .box07b,
	.group06 .wrapper .cont .box07b{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 width               : 100%;
	 height              : auto;
	 text-align          : left;
	}

	.group_strong{
	 font-size           : 5vw;
	 font-weight         : 600;
	 padding             : 10px 0 0 0;
	 display             : inline-block;
	}

	.group01 .wrapper .cont .box04 span,
	.group02 .wrapper .cont .box04 span,
	.group03 .wrapper .cont .box04 span,
	.group04 .wrapper .cont .box04 span,
	.group05 .wrapper .cont .box04 span,
	.group06 .wrapper .cont .box04 span,

	.group01 .wrapper .cont .box05 span,
	.group02 .wrapper .cont .box05 span,
	.group03 .wrapper .cont .box05 span,
	.group04 .wrapper .cont .box05 span,
	.group05 .wrapper .cont .box05 span,
	.group06 .wrapper .cont .box05 span,

	.group01 .wrapper .cont .box06 span,
	.group02 .wrapper .cont .box06 span,
	.group03 .wrapper .cont .box06 span,
	.group04 .wrapper .cont .box06 span,
	.group05 .wrapper .cont .box06 span,
	.group06 .wrapper .cont .box06 span,

	.group01 .wrapper .cont .box07 span,
	.group02 .wrapper .cont .box07 span,
	.group03 .wrapper .cont .box07 span,
	.group04 .wrapper .cont .box07 span,
	.group05 .wrapper .cont .box07 span,
	.group06 .wrapper .cont .box07 span,

	.group01 .wrapper .cont .box07b span,
	.group02 .wrapper .cont .box07b span,
	.group03 .wrapper .cont .box07b span,
	.group04 .wrapper .cont .box07b span,
	.group05 .wrapper .cont .box07b span,
	.group06 .wrapper .cont .box07b span,

	.group01 .wrapper .cont .box04b span,
	.group02 .wrapper .cont .box04b span,
	.group03 .wrapper .cont .box04b span,
	.group04 .wrapper .cont .box04b span,
	.group05 .wrapper .cont .box04b span,
	.group06 .wrapper .cont .box04b span{
	 position            : relative;
	 bottom              : 0;
	 right               : 0;
	}


	.btn01{
	 padding             : 4px 0 0 0;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 500;
	 font-size           : 3vw;
	 color               : #45566b;

	}
	.btn01 a{
	 display             : inline-block;
	 width               : auto;
	 padding             : 8px 14px 8px 14px;
	 border-radius       : 2px;
/*	 color               : #ffffff;*/
	 color               : #54d2d8;
	 background          : #282828;
/*	 text-shadow         : 0px 0px 0px #ffffff;*/
         text-shadow         : none;
	 text-align          : center;
	}
	.btn01 a:hover{
	 transition          : 1.6s;
	 border-radius       : 2px;
	 text-decoration     : none;
/*	 color               : #282828;*/
	 color               : #54d2d8;
	 background          : #ffffff;
	}





/*-------------------------------------------
メッセージ
-------------------------------------------*/

	.mess_pic{
	 float               : left;
	 display             : inline;
	 margin              : 0 2% 0 0;
	 width               : 23%;
	 line-height         : 160%;
	 text-align          : left;
	 font-weight         : 200;
	}
	.mess_txt{
	 float               : left;
	 display             : inline;
	 margin              : 0 2% 0 0;
	 width               : 68%;
	 font-size           : 4vw;
	 line-height         : 180%;
	 text-align          : left;
	 font-weight         : 200;
	}



/*-------------------------------------------
About us
-------------------------------------------*/

	.about_cell00{
	 float               : left;
	 display             : inline;
	 margin              : 20px 0 0 5%;
	 padding             : 20px 0 0 0;
	 width               : 90%;
	 font-size           : 4vw;
	 line-height         : 160%;
	 text-align          : left;
	 font-weight         : 200;
	}
	.about_cell01{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : left;
	 padding             : 0 0 6px 0;
	 border-bottom : 1px dotted #ffffff;
	}
	.about_cell02{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : left;
	 padding             : 6px 0 6px 0;
	}
	.about_cell02 .box3{
	 float               : left;
	 display             : inline;
	 width               : 33%;
	 text-align          : left;
	}



/*-------------------------------------------
ACCESS
-------------------------------------------*/

	#map {
	 margin              : 20px 3% 0 3%;
	 width               : 94%;
	 height              : 300px;
	}



/*-------------------------------------------
CONTACT
-------------------------------------------*/

	.contact_cell01{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : center;
	 padding             : 20px 0 0 0;
	}
	.contact_cell02{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : center;
	}


	.fll     { width: 80%; background: #ffffff;border: solid 1px #A9A9A9; padding:10px; margin:10px 0 0 0; height:20px;}
	textarea { width: 80%; background: #ffffff;border: solid 1px #A9A9A9; padding:10px; margin:10px 0 0 0; height:176px;}
	.soushin { width : 200px; height : 50px; background: #3f3b3a; color : #ffffff; border: solid 0px #3f3b3a; cursor:  "hand"; margin-top : 10px;}


/*-------------------------------------------
フッター
-------------------------------------------*/

	footer{
	 clear               : both;
	 display             : block;
	 margin              : 0 0 0 0;
	 padding             : 30px 0 60px 0;
	 width               : 100%;
	 text-align          : center;
	 font-size           : 1.5vw;
	 background          : #282828;
	 color               : #bebebe;
	}



/*-------------------------------------------
プライバシーポリシー
-------------------------------------------*/

	.txt {
	 padding             : 20px 20px 20px 20px;
	 margin              : 0;
	}

	.txt .dan{
	 display             : inline;
	 float               : left;
	 margin              : 20px 0 0 0;
	 font-size           : 3vw;
	 line-height         : 160%;
	}




/*-------------------------------------------
新着
-------------------------------------------*/

	.newsarea{
	 float               : left;
	 display             : inline;
	 margin              : 0px auto;
	 padding             : 32px 0 0 4%;
	 width               : 96%;
	}

	.newsarea .left{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 12px 0;
	 width               : 100%;
	 margin-right        : 0px;
	 text-align          : left;
	 line-height         : 160%;
	}
	.newsarea .right{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 12px 0;
	 width               : 100%;
	 text-align          : center;
	}

	.newsarea .left .newswrap{
	 margin-right        : 0px;
	}

	.contentnews{
	 width               : 100%;
	 height              : auto;
	 overflow            : visible;
	 padding             : 0 0 1em 0;
	}

	.contentnews .newsbox{
	 float               : left;
	 display             : inline;
	 width               : 95%;
	 text-align          : left;
	 padding             : 6px 0 6px 0;
	 border-bottom       : 1px dotted #cccccc;
	}
	.contentnews .newsbox .newsdate{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : left;
	}
	.contentnews .newsbox .newstxt{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 padding             : 0 0 0 0%;
	 text-align          : left;
	}







}