@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font-size:16px;line-height: 1.8;
    font-family: toppan-bunkyu-gothic-pr6n, serif;
    font-style: normal;
    color: #444;
}


.sNo{
	margin: 0px;
	padding: 0px;
}
.No{
	display: none;
}

/*----------------------------------
= H
----------------------------------*/

h1{
	
}

h2{
	
}

h3{
	
}

h4{
	
}

h5{
	
}

h6{
	
}

/*----------------------------------
= スペース
----------------------------------*/

.sp{
	width:100%;
	height:0px;
    position:relative;
    clear:both;
}
.sp20{
	width:100%;
	height:20px;
    position:relative;
    clear:both;
}
.sp40{
	width:100%;
	height:40px;
    position:relative;
    clear:both;
}
.sp60{
	width:100%;
	height:60px;
    position:relative;
    clear:both;
}
.sp80{
	width:100%;
	height:80px;
    position:relative;
    clear:both;
}
.sp100{
	width:100%;
	height:100px;
    position:relative;
    clear:both;
}


/*----------------------------------
= LINK
----------------------------------*/

a:visited{ color: #000;}
a:active{ color: #000;}
a:hover{ color: #FF1111;}
a {text-decoration: none;color: #000;}
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}




/*===============================================
●style.css 画面の横幅が1201px以上
===============================================*/
@media screen and (min-width: 1201px){
	.w1000{
		width: 96%;
		margin: auto;
	}

}
/*===============================================
●tablet.css 画面の横幅が1200pxまで
===============================================*/
@media screen and (max-width: 1200px){
    .w1000{
		width: 96%;
		margin: auto;
	}




}


.w960{
	width:96%;
	margin:auto;
}

.w800{
	width:90%;
	margin:auto;
}











/*----------------------------------
= header
----------------------------------*/

header{
   width: 100%;
	
	position: fixed;
	top: 0;
	background-color: #fff;
	 border-bottom: 1px solid #ccc;
   z-index:9999;

}

.headerTop{
   width: 100%;
	height: 75px;
	position: fixed;
	top: 0;
	background-color: #fff;
	 border-bottom: 1px solid #ccc;
   z-index:9999999;
  
}
 



.logo{
	width: 220px;
	float: left;
	padding: 18px 0px 0px 15px;
}
.logoText{
	float: left;
	padding-left: 8px;
	line-height: 75px;
	color: #7f7f7f;
}

.headerRight{
	
	float: right;
}
.headerRightBox{
	float: right;
	width: 60%;
	margin-right: 5px;
}
.key1{
	padding: 9px 25px;
	float: right;
}
.key1:hover{
	padding: 9px 25px;
	float: right;
	background-color:#CEE6D1;
	color: #333;
}



.telSSS{
	font-size: 13px;
	padding-right: 10px;
}
.headerRightBoxTel{
	font-size:22px;
	padding: 5px 15px 5px 0px;
	text-align: right;
	color: #72a67a;
	float: right;
	margin-left: 15px;

	
}
.headerContact{
	width: 150px;
	padding: 8px;
	border: 1px solid #72a57a;
	background-color: #72a57a;
	color: #FFF;
	text-align: center;
	float: right;
}

.headerContact:hover{
	width: 150px;
	padding: 8px;
	border: 1px solid #72a57a;
	background-color: #666;
	color: #fff;
	text-align: center;
	float: right;
}

nav{

}

.No{
display: none;
}



.sns{
	width: 45px;
	margin: 0 0 0 auto;
	
}.snsTop{
	width: 40px;
	float: right;
	margin: 0 0 0 auto;

}

/*----------------------------------
　　☆☆☆☆　section　☆☆☆☆
----------------------------------*/

.top001{
	padding: 50px 0px;
}
.top002{
	padding: 50px 0px;
	background-color: #f4faf5;
}
.top003{
	padding: 50px 0px;
	background-color: #fffcec;
}
.top004{
	padding: 50px 0px;
	
}
.top005{
	padding: 50px 0px;
    background-color: #498353;
}
/*----------------------------------
= MAIN
----------------------------------*/

.topTitel{
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;


}

.topTitel2{
    font-size: 25px;
    margin-bottom: 40px;

	


}
.topTitel3{
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
    color: #fff;
}


.swf{
    padding-top:90px;
	
}


/*----------------------------------
= 001
----------------------------------*/



.topH2{
	color: #498352;
	font-size: 30px;
	font-weight: 400;
	line-height: 48px;
	text-align: center;
    margin-bottom: 30px;



}

.top001Text{
    text-align: center;
    font-size: 20px;
    line-height: 35px;
	
    margin-bottom: 40px;
}

.topGo1{
    width: 200px;
    padding: 10px 0px;
	color: #498352;
    border: 1px solid #498352;
    margin: auto;
    text-align: center;
    border-radius: 20px;
    background-color: #fff;

}

.topGo1:hover{
    width: 200px;
    padding: 10px 0px;
	color: #fff;
    border: 1px solid #498352;
    margin: auto;
    text-align: center;
    border-radius: 20px;
    background-color: #498352;

}


/*----------------------------------
= 002
----------------------------------*/
.top002Box3{
    width: 29.3% ;
    
    margin: 0% 2%;
    float: left;
}

.top002Box3Titel{
    font-size: 17px;
    text-align: center;
    padding: 8px 0px;
    font-weight: 500;
}

/*----------------------------------
= 003
----------------------------------*/
.top003box{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.top003box2{
    line-height: 30px;
    font-size: 16px;
}

.top003boxLeft{
   color: #f7e27b;
    width: 5%;
    float: left;
    font-size: 20px;
}

.top003boxRight{
  
    width: 95%;
    float: left;
	font-size: 18px;
}


/*----------------------------------
= 004
----------------------------------*/

.top005Left{
	width: 45%;
	
	float: left;
}
.top005Right{
	width: 45%;
	float: right;
}


/*----------------------------------
= 005
----------------------------------*/


.top005Box{
	background-color: #eeeeee;
	width: 800px;
	height: 350px;
	margin: auto;
}

.top005Text{line-height: 30px;}

.top005BoxRight{
	width: 50%;
	float: right;
}

.top005BoxLeft{
	width: 42%;
	padding: 4%;
	float: left;
	
}
.top005Logo{
	width: 250px;
	margin: auto;
	margin-bottom: 40px;
}

.top005PhotoTop{
    width: 810px;
    margin: auto;
}
.top005PhotoBottom{
    width: 540px;
    margin: auto;
}

.topYoga{
    width: 230px;
    margin: 10px 20px;
    float: left;
    text-align: center;
    font-size: 16px;
      
}








/*----------------------------------
= footer
----------------------------------*/

footer{
padding: 25px 0px;
  

}
.footerLogo{
    width: 130px;
    float: left;
}
.footerRight{
    width: 780px;
    float: right;
}


.footerTopLeft{
    background-color: #f7e27b;
    font-size: 18px;
    padding: 8px 15px;
    float: left;
    width: 600px;
	margin-bottom: 15px;

}
.footerTopRight{
 
    float: right;
    width: 80px;
}

.footerBottomLeft{
	width:220px;
	margin-right: 20px;
	float: left;
}
.footerBottomRight{
	float: left;
	
	width: 350px;
}
.footerBottomRightRight{
	float: right;
	width: 120px;
}
.topH3{
	font-size: 19px;
	margin-bottom: 15px;
}
.copy{
	background-color: #eeeeee;
    padding: 3px 0px;
    text-align: center;
}

.footerTelNum{
	font-size: 14px;
}

/*----------------------------------
= パララックス
----------------------------------*/
.parallax{
height: 350px;
	overflow: hidden;
}


#contents01{
  background-image:url("../img/parallax/1.jpg");
    z-index:5;

}

.bgImage{
  width: 100%;
  min-height: 800px;
  color: #fff;
  display: table;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; //画像をウィンドウサイズにフィット
}
.bgImage > * {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px) {
  .bgImage {    
    background-attachment: fixed; //画像位置を固定
  }
}	


.sub001{
	padding: 50px 0px;
}
.sub002{
	padding: 50px 0px;
	background-color: #eeeeee;
}


/*----------------------------------
= sub
----------------------------------*/
.subSp{
	height: 100px;
}



.subBar001,.subBar002,.subBar004{

padding-top: 35px;
	font-size: 35px;
	text-align: center;
}

.subBar001{
width: 300px;
	margin: auto;
	border-bottom: 3px solid #72a57a;
}


.subBar002{
	width: 300px;
	margin: auto;
	border-bottom: 3px solid #72a57a;
}

.subBar004{
	width: 300px;
	margin: auto;
	border-bottom: 3px solid #72a57a;
}
/*----------------------------------
= about
----------------------------------*/

.aboutLogo{
	width: 130px;
	margin: auto;
	margin-bottom: 40px;
}

.aboutBoxLeft{
width: 25%;
	float: left;
}
.aboutBoxRight{
	width: 70%;
	float: right;
}

.aboutBoxRight1{

	color: #498352;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 30px;
}
.aboutBoxRight2{
	margin-bottom: 30px;
}
.aboutBoxRight3{text-align: right;
font-size: 20px;

 


}


.aboutBox{
	margin-bottom: 50px;
}


.map{
	margin-bottom: 40px;
}
.mapText
{
	margin-bottom: 25px;
	font-size: 16px;
	padding: 5px 0px 0px 40px;
}
.oficePhoto{
	margin-bottom: 40px;
}







.companyBox{
	width: 800px;
	margin: auto;
	border-top: 1px solid #ccc;
	
}
.companyBoxBottom{
	width: 800px;
	margin: auto;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.companyBoxLeft{
	width: 18%;
	padding: 1%;
	float: left;
	background-color: #fffcec;
}.companyBoxLeft1{
	width: 18%;
	padding: 1%;
	height: 80px;
	float: left;
	background-color: #fffcec;
}
.companyBoxRight{
	width: 78%;
	padding: 1%;
	float: right;
}






/*----------------------------------
= goPDF
----------------------------------*/

.goPDFbox{
	margin-bottom: 50px;
}


.goPDFboxTitel{
	width: 500px;
	margin: auto;
	margin-bottom: 25px;
}
.goPDF{
	width: 350px;
	margin: auto;
}

/*----------------------------------
= servic
----------------------------------*/
.servicBox{
	margin-bottom: 50px;
}

.servicBoxTitel{
	color: #498352;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: 30px;
	border-bottom: 1px solid #498352;
	text-align: center;
	
}

.servicBoxLeft{
	width: 25%;
	float: left;
}
.servicBoxRight{
	width: 70%;
	float: right;
}
.servicBoxRightText{
	height: 150px;
}


.servicBoxRightGo{
	width: 200px;
	border-radius: 10px;
	border:1px #498353  solid;
	background-color: #72a57a;
	color: #fff;
	margin: 0 0 0 auto;
	text-align: center;
	padding: 8px 0px;
}

.servicBoxRightGo:hover{
	width: 200px;
	border-radius: 10px;
	border:1px #498353  solid;
	background-color: #fff;
	color: #498353;
	margin: 0 0 0 auto;
	text-align: center;
	padding: 8px 0px;
}

.serviceBanner3{
	width: 29.333%;
	margin: 2%;
	float: left;
}

/*----------------------------------
= contact
----------------------------------*/

.w600{
	width: 600px;
	margin: auto;
}
.contactBar1{
    background-color: #f7e27b;
    font-size: 18px;
    padding: 8px 15px;
    width: 800px;
	margin: auto;
	margin-bottom: 30px;

}


.contactBox22{
	width: 46%;
	margin: 2%;
	float: left;
}



.contactBoxBox{
	width: 750px;
	margin: auto;
	border: 1px  #498353 solid;
	padding: 25px;
	margin-bottom: 40px;
	text-align: center;
	
}


.contactBoxBoxTitel1{
	color: #1c1c1c;
	font-size: 28px;
	margin-bottom: 20px;
}
.contactBoxBoxTitel2{
	
	color: #1c1c1c;
	font-size: 18px;

	
}
.contactBoxBoxTitel3{
	
	color: #498352;

	font-size: 28px;
	margin-bottom: 20px;
}
.contactBoxBoxTitel4{
	font-family: RodinProN;
	color: #edc700;
	font-size: 18px;

}
.contactBoxBoxTitel5{

	color: #1c1c1c;
	font-size: 17px;
	margin-bottom: 20px;
}
.contactBoxBoxTitel6{
	width: 300px;
	margin: auto;
	border: 1px #498353 solid;
	background-color: #498353;
	font-size: 16px;
	color: #fff;
	padding: 5px 0px;
	line-height: 30px;
}
.contactBoxBoxTitel6:hover{
	width: 300px;
	margin: auto;
	border: 1px #498353 solid;
	background-color: #eeeeee;
	font-size: 16px;
	color: #333;
	padding: 5px 0px;
	line-height: 30px;
}

/*----------------------------------
= servicSub
----------------------------------*/

.servicSubTitel1{
	font-size: 18px;
	line-height: 30px;
	margin-bottom:25px;
}
.servicSubPhoto{
	margin-bottom: 50px;
}
.servicSubTitel2{
	color: #498352;
	font-size: 30px;
	
	  
	text-align: center;
	margin-bottom: 20px;
}

.servicSubText1{
	margin-bottom: 30px;
}

.servicBox003{
	background-color: #72a57a;
	text-align: center;
	padding: 5px;
	color: #fff;
	margin-bottom: 8px;
	font-size: 16px;
	
}
.servicBox001{
	background-color: #f4faf5;
	text-align: center;
	padding: 5px;
	color: #498352;
	margin-bottom: 8px;
	font-size: 16px;
	
}

.servicBox002Titel{

	color: #1c1c1c;
	font-size: 20px;
	margin-bottom: 8px;

}
.servicBox002TitelLeft{
	float: left;
	color: #498352;
	margin-right: 10px;
}

.servicBox002TitelRight{
	float: left;
}

.servicBox002{
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #498352;
}




.flowLeft{
	width: 48%;
	float: left;
}
.flowRight{
	width: 48%;
	float: right;
}
.flowBox{
	border: 1px solid #ccc;
	padding: 30px;
}



.price{
	background-color: #fffcec;
	padding: 25px;
	margin-bottom: 50px;
}.price1{
	background-color: #fffcec;
	padding: 25px;
	margin-bottom: 50px;
	font-size: 20px;
}


/*----------------------------------
= 002
----------------------------------*/



.san1{
	background-color: #f4faf5;
	padding: 15px;
	margin-bottom: 25px;
}

.san1Titel1{
	color: #498352;
	font-size: 24px;

}
.san1Text1{
	padding: 5px 15px;
	margin-top: 10px;
	border-bottom:1px #498353 solid;
	
}

.san2{
	background-color: #fff5f3;
	padding: 15px;
}


.san1Titel2{
	color: #e8380c;
	font-size: 24px;

}
.san1Text2{
	padding: 5px 15px;
	margin-top: 10px;
	border-bottom:1px #e8380c solid;
	
}

/*----------------------------------
= 003
----------------------------------*/

.kakariBoxLeft{
	width: 50%;
	float: left;
}

.kakariBoxLeftTitel{
	font-size: 20px;
	margin-bottom: 5px;
}



.kakariBoxRight1{
	width: 40%;
	float: right;
	background-color: #69a8bf;
	font-size: 20px;
	padding: 15px;
	color: #fff;
	text-align: center;
}
.kakariBoxBox1{
	border:1px solid #69a8bf;
	padding: 15px;
}
.kakariBoxLeftTitel1{
	padding-right: 10px;
	color: #69a8bf;
}
.kakariBoxBoxTitel1{
	color: #69a8bf;
	margin-bottom: 10px;
}



.kakariBoxRight2{
	width: 40%;
	float: right;
	background-color: #bf9c5a;
	font-size: 20px;
	padding: 15px;
	color: #fff;
	text-align: center;
}
.kakariBoxBox2{
	border:1px solid #bf9c5a;
	padding: 15px;
}
.kakariBoxLeftTitel2{
	padding-right: 10px;
	color: #bf9c5a;
}
.kakariBoxBoxTitel2{
	color: #bf9c5a;
	margin-bottom: 10px;
}


.kakariBoxRight3{
	width: 40%;
	float: right;
	background-color: #e8340e;
	font-size: 20px;
	padding: 15px;
	color: #fff;
	text-align: center;
}
.kakariBoxBox3{
	border:1px solid #e8340e;
	padding: 15px;
}
.kakariBoxLeftTitel3{
	padding-right: 10px;
	color: #e8340e;
}
.kakariBoxBoxTitel3{
	color: #e8340e;
	margin-bottom: 10px;
}
.kakariBox{margin-bottom: 50px;}


/*----------------------------------
= recruitinglist
----------------------------------*/

.recruitListBox{
	width: 46%;
	margin: 2%;
	padding-bottom: 15px;
	box-sizing: border-box;
	float: left;
	border: solid 1px #a7a7a7;
	font-size: 16px;
}

.recruitListCat{
	color: #fff;
	background-color: #648dea;
	text-align: center;
	padding: 7px 0px;
	font-size: 24px;
}

.recruitListCat2{
	color: #fff;
	background-color: #fb8945;
	text-align: center;
	padding: 7px 0px;
	font-size: 24px;
}

.recruitListCat3{
	color: #fff;
	background-color: #fb8945;
	text-align: center;
	padding: 7px 0px;
	font-size: 24px;
}

.recruitListCat4{
	color: #fff;
	background-color: #72a57a;
	text-align: center;
	padding: 7px 0px;
	font-size: 24px;
}

.recruitListAdd{
	
}

.recruitListAdd::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 19px;
    background: url("../img/sub_joblist/img_02.png") no-repeat;
    background-size: contain;
    margin-right: 15px;
    transform: translateY(3px);
}

.recruitListTag{
	color: #a7a7a7;
	padding: 3px 15px;
	display: inline-block;
	border: solid 1px #a7a7a7;
	border-radius: 15px;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 14px;
}

.recruitListText{
	line-height: 1.7;
	padding-top: 10px;
	margin: 10px 0px;
	border-top: solid 1px #a7a7a7;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
  overflow: hidden;
}

.recruitListBanner{
	width: 180px;
	float: left;
	font-size: 0;
}

.recruitListGo{
	width: 250px;
	margin: auto;
	
	border: solid 1px #a7a7a7;
	background-color: #e3e8d7;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-radius: 5px;
}

.recruitListGo:hover{
	width: 250px;
	margin: auto;
	
	border: solid 1px #a7a7a7;
	background-color: #fff;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-radius: 5px;
}



.recruitListBoxBox{
	padding: 15px;
}

/*----------------------------------
= recruitingdetail
----------------------------------*/

.recDetailCat{
	width: 100px;
	color: #fff;
	background-color: #648dea;
	text-align: center;
	padding: 15px 0px;
	float: left;
	margin-right: 25px;
	font-size: 16px;
}

.recDetailCat2{
	width: 100px;
	color: #fff;
	background-color: #fb8945;
	text-align: center;
	padding: 15px 0px;
	float: left;
	margin-right: 25px;
	font-size: 16px;
}

.recDetailCat3{
	width: 100px;
	color: #fff;
	background-color: #fb8945;
	text-align: center;
	padding: 15px 0px;
	float: left;
	margin-right: 25px;
	font-size: 16px;
}

.recDetailCat4{
	width: 100px;
	color: #fff;
	background-color: #72a57a;
	text-align: center;
	padding: 15px 0px;
	float: left;
	margin-right: 25px;
	font-size: 16px;
}

.recDetailAdd{
	font-size: 16px;
	float: left;
	margin-top: 25px;
}

.recDetailAdd::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 19px;
    background: url("../img/sub_joblist/img_02.png") no-repeat;
    background-size: contain;
    margin-right: 15px;
    transform: translateY(3px);
}

.recDetailTag{
	font-size: 16px;
}

.recDetailTitle{
	font-size: 32px;
	margin-bottom: 40px;
}

.recDetailText{
	margin-bottom: 40px;
}

 .movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.youBox{
	width: 80%;
	margin: auto;
	padding-bottom: 60px;
}

.recDetailInfoTitle{
	font-size: 26px;
	padding-bottom: 10px;
	border-bottom: solid 3px #72a57a;
}

.recDetailInfo{
	padding: 30px 0px;
	border-bottom: solid 1px #a7a7a7;
}

.recDetailInfoL{
	width: 18%;
	float: left;
	font-size: 16px;
	font-weight: bold;
}

.recDetailInfoR{
	width: 80%;
	float: right;
	font-size: 16px;
}

.recDetailSpecial{
	margin: 30px 0px;
	padding: 15px 0px;
	background-color: #f7f2ee;
}

.recDetailSpecialText{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.recDetailSpecialPic{
	width: 200px;
	margin: auto;
	font-size: 0;
}

.recDetailGo{
	width: 250px;
	margin: auto;
	text-align: center;
	font-size: 18px;
	padding: 20px 0px;
	box-sizing: border-box;
	background-color: #e9380e;
	border: solid 1px #e9380e;
	color: #fff;
	margin-top: 30px;
}

.recDetailGo::after{
    content: "";
    display: inline-block;
    width: 26px;
    height: 22px;
    background: url("../img/sub_jobdetail/img_01.png") no-repeat;
    background-size: contain;
    margin-left: 15px;
    transform: translateY(5px);
}

/*----------------------------------
= NEWS
----------------------------------*/

.NEWSIcon{
	width: 80px;
	text-align: center;
	padding: 5px 0px;
	float: left;
	background-color: #eacb42;
	
	
}
.NEWSIcon1{
	width: 80px;
	text-align: center;
	padding: 5px 0px;
	float: left;
	background-color: #6fa900;color: #fff;
	
	
}
.NEWSIcon2{
	width: 80px;
	text-align: center;
	padding: 5px 0px;
	float: left;
	background-color: #eacb42;
	
	
}


.NEWSDay{
	width: 200px;
	padding: 5px 10px;
	
}

.NEWSTitel{
	color: #1c1c1c;
	font-size: 24px;
	width: 80%;
	margin: auto;

}


.NEWSPhoto{
	width: 80%;
	margin: auto;
}


.NEWSTxet{
	padding: 20px 20px 100px 20px;
}



.NEWSTitel2{
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.NEWSBox4{
	width: 18%;
	margin: 1%;
	float: left;
		color: #111;
	background-color: #fff;
     filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));
}
.NEWSBox4:hover{
	width: 18%;
	margin: 1%;
	float: left;
	color: #111;
	background-color: #eee;
}


.NEWSBox4Day{
	font-size: 16px;
	padding:7px 8px;
	
}

.NEWSBox4Text{
	padding: 0px 8px 8px 8px;
	height: 38px;
	overflow: hidden;
	font-size: 14px;
}

.NEWSBox4Photo{
	height: 110px;
	overflow: hidden;
}


/*----------------------------------
= TOP
----------------------------------*/


.topNews{

	padding-bottom:10px;
	margin:auto;
	border-bottom:1px solid #999;
	margin-bottom:15px;
}


.topNewsDay{
	width: 15%;
	float:left;

	font-weight: 300;

	color: #72a67a;

}
.topNewsTitle{
	width: 85%;
	float:left;
}






/*----------------------------------
= NEWS
----------------------------------*/


.newsLeft{
	width:70%;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	margin-right:10%;
	
}

.newsRight{
	width:20%;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}


.infoXXXTitle{
	font-size:30px;
	margin-bottom:10px;
	
}


.infoXXXPhoto{
	width:80%;
	margin:0 auto;
	
}

.infoXXXText{
	width:90%;
	padding:40px 0px 20px 0px;
	margin:0 auto;
	
	
}

.infoXXXDay{
	color:#930002;
	text-align:right;
	width:90%;
	margin:auto;
	
	
}


.newsRightBox{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	
}


.newsRightBoxDay{
	color:#930002;
}


.newsRightBoxTitle{
	
}


/*----------------------------------
= Contact
----------------------------------*/

.contactTitel{
	color: #000002;
	font-size: 30px;
	margin-bottom: 10px;
	text-align: center;
}

.contactTitel2{
	color: #000002;
	font-size: 16px;
	margin-bottom: 30px;
	text-align: center;
}

.contactBox1{
    width: 80%;
    margin: auto;
	border: 2px #6fa900 solid;
	padding: 20px;
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 50px;
}

.contactBox1Title1{
	font-size: 18px;
}

.contactBox1Title2{
	color: #6fa900;
	font-size: 24px;
	line-height: 40px;
}

.contactBox1Title3{
	color: #1c1c1c;
	font-size: 14px;
}

.contactBox2{
	background-color: #eef5ff;
	width: 70%;
	margin: auto;
	margin-bottom: 50px;
	padding:30px;
}

.contactBox2Title1{
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

.contactBox2Title2{
	width: 60%;
	margin: auto;
	background-color: #174e9f;
	text-align: center;
	color: #fff;
	padding: 5px;
	font-size: 18px;
}

.contactBox2Title2:hover{
	width: 60%;
	margin: auto;
	background-color: #555;
	text-align: center;
	color: #fff;
	padding: 5px;
	font-size: 18px;
}

.contactBoxTel{
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.contactBoxTelLeft{
	width: 30%;
	float: left;
	font-size: 19px;
	line-height: 36px;
}

.contactBoxTelRight{
	width: 70%;
	float: right;
	font-size: 22px;
	line-height: 36px;
	color: #174e9f;
}

.mail{
	
}

.mailhr{
	margin-top:15px;
	margin-bottom:25px;	
}

.contactTextBox{
	width:80%;
	padding:15px ;
	margin:3% 10%;
	border:1px #CCCCCC dotted;
}

.mailBox{
	width:100%;
	padding:20px;
	margin:30px auto;
}

.contactBox{
	padding:15px;
	width:100%;
	border:1px solid #666;
	margin:0px auto;
}

.formBox{
	border-bottom:1px solid #333;
	margin-bottom:20px;
	padding-bottom:10px;
}

.formLeft{
	height:30px;
	line-height:30px;
	float:left;
	width:24%;
	padding-left:1%;	
}

.formLeft2{
	height: auto;
	line-height:30px;
	float:left;
	width:24%;
	padding-left:1%;
	font-size:12px;	
}

.formRight{
	height:30px;
	line-height:30px;
	float:left;
	width:75%;
}

.formRight2{
	height:auto;
	float:left;
	width:75%;
	line-height:30px;
}

.mailText{
	padding:30px;
}


input[type="text"] {
	width:96%;
	padding:1% 2%;
}

input[type="email"] {
	width:96%;
	padding:1% 2%;
}

select[name="pref_id"] {
	width:96%;
	padding:1% 2%;
}

textarea {
	width:96%;
	padding:1% 2%;
	height: 15em;
}

.policy{
	text-align:center;
	font-size:23px;
	margin:20px;
}

.policyTitle{
	margin:30px 0px 15px 0px;
	font-size:19px;
}

.policyText{
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}

.policyMail{
	border: 1px solid #333;
	padding: 20px;
	width: 70%;
	margin: auto;
	height: 300px;
	overflow: auto;
}

.policygo{
	width: 100px;
	margin: auto;
	padding-top: 10px;
	margin-bottom: 50px;
}

.required{
	width: 60px;
	font-size: 12px;
	text-align: center;
	background-color: #6fa900;
	color: #fff;
	border-radius: 20px;
	margin-left: 10px;
	padding: 3px 10px;
}