@charset "utf-8";



/*スマホ*/
@media screen and (max-width:750px){

	
html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

body {
    font-size: 100%; 
	width:100%;
	background: #fff;
	color: #666;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	position: relative;
	cursor: default;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    color:#4c4621;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.g{color:#073218;font-weight:700;}


.container {width:80%;margin: 0px auto 50px auto;padding:30px 0px 30px 0px;
      display: flex;
      flex-wrap: wrap; /* flexアイテムを折り返す（複数行に配置する） */
    }

.column {
      width: calc(80% - 10px); /* 列の幅を均等に分配し、マージンを考慮して計算 */
      margin: 0px auto 0px;
      padding: 0px 0px 0px;
 }
	
.group {
    max-width:800px; width:70%;            
    height: auto;             
    border: solid 2px #2D9AA7;     
    background-color: #fff;    
    border-radius: 80px; 
	margin: 0px auto 100px;
    padding: 10px 30px 30px;
}
	
.group1 {
    width:90%;            
    height: auto;             
	margin: 0px auto 0px;
    padding: 10px 0% 0px 0%;
}
	
.subtitle{width:60%; text-align: center;box-sizing: border-box;line-height: 50px;font-size:130%;background-color: #2ba1af;color:#fff;margin: 50px auto 30px; }
.subtitle1{width:60%;text-align: center;box-sizing: border-box;line-height: 50px;font-size:130%;background-color: #2ba1af;color:#fff;margin: 50px auto 50px; }
	
.content9{margin: 0px auto 30px auto;width:100%;text-align:center;padding:0px 0px 0px 0px;background:#B8E4E8 }
.content10{margin: 50px auto 0px auto;width:100%;text-align:center;padding:50px 0px 10px 0px;background:#B8E4E8 }
.font4b{font-size:90%;line-height: 160%;color:#000 ;letter-spacing: 0px;font-weight: 700;padding:13px 0 20px}
.font5{font-size:100%;line-height: 170%;color:#072921 ;letter-spacing: 0px;font-weight: 700;}
.font7{font-size:110%;line-height: 150%;color:#072921 ;letter-spacing: 0px;font-weight: 700;}
.fontr{font-size:100%; line-height: 130%;color:#072921;letter-spacing: 0px;font-weight: 500;text-align:right}
.font5c{font-size:110%;line-height: 150%;color:#072921 ;letter-spacing: 0px;font-weight: 700;text-align:center}
.font7w{font-size:90%;line-height: 150%;color:#fff ;letter-spacing: 0px;font-weight: 700;text-align:center;padding: 10px 0px 10px 0px;}

h2{font-size:110% }
h3{color:#00418F; margin: 10px auto 10px auto;font-size:110% }
h4{color:#00418F; margin: 20px auto 0px auto; font-size:100% }


.line1 {display: block;width: 100%;height: 2px;background-color: #00418F;border: 0; }

.fontline { font-size:180% }

img{max-width: 100%;height: auto;}
img {border: 0;-ms-interpolation-mode: bicubic;}
.image-resize {
  max-width: 60%;
  max-height: auto;
  -ms-interpolation-mode: bicubic;
}

.header {padding: 10px 0 10px 10px;margin: 0; z-index:1;display: block;width: 100%;height: auto; position: fixed;top: 0px;left:0;text-align:left;background-color:#fff;box-shadow: 0px 2px 2px #666;}

.header h1 {font-size: 2em;margin: 0 0; }


.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  z-index:99
    }


/*右側本文*/
.pure-pusher-container {
	position: relative;
	height: 100%;
	padding: 20px 0 0 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	z-index:99
  
  }



.s50{width: 50%;}
.s60{width: 60%;}
.s80{width: 80%;}
.s100{width: 100%;}

.st5 { margin-top: 5px; }
.st10 { margin-top:10px; }
.sb10 { margin-bottom:10px; }
.sb15 { margin-bottom:15px; }
.st15 { margin-top:15px; }
.st20 { margin-top:20px; }


/* コンテンツ*/

.info{margin: 0px auto 0px auto;width:100%;;text-align:center;padding:5px 0px 0px 0px; background-color:#35ADBE}

.info2{margin: 0px auto 35px auto;width:100%;;text-align:center;padding:1px 0px 1px 0px; background-color:#fff;  border-top:1px solid #0E6EB8;border-bottom:1px solid #0E6EB8;}


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

.content3{margin: 15px auto 30px auto;width:100%;text-align:left;padding:5px 0px 0px 0px; }

.content6{margin: 10px auto 0px;width:100%;text-align:center;padding:15px 0px 10px 0px; }

.content7{margin: 10px auto 0px;width:100%;text-align:center;padding:15px 0px 30px 0px;line-height: 200%; }
	
.contentbg{margin: 10px auto 0px;width:100%;text-align:center;padding:15px 0px 30px 0px;line-height: 200%; }

.content8{margin: 0px auto 10px auto;width:100%;text-align:left;padding:0px 0px 0px 0px; }
.content9{margin: 0px auto 0px auto;width:100%;text-align:center;padding:0px 0px 0px 0px; }

.content2 a {display: inline-block;color: #3498db;text-decoration: none;}

.content3 a {display: inline-block;color: #3498db;text-decoration: none;}

.kanri8_left{text-align:center;}

.right{width: 61%;}
.left{width: 36%;}
.left2{margin: 0 10px 0px 20px;}
.right2{margin: 0 0px 10px 20px;}

.button change-border01{margin: 10px auto 10px auto;}
.change-border01__inner{margin: 10px auto 10px auto;}
.button2{margin: 10px auto 10px auto;}

.kanri_navi{clear:both ;width:100%;height: auto;margin: 50px auto 20px auto;height:auto;text-align:center;padding: 30px 0px 30px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 160%;font-size:125%}


.topcontent{clear:both ;width:100%;margin: 55px auto 0px auto;height:auto;text-align:center;padding: 0px 0px 40px 0px; }

.content{clear:both ;margin: 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; border-top: 2px solid #35ADBE;}

.contentmain{clear:both ;width:96%;height: auto;margin: 20px auto ;height:auto;text-align:left;padding: 30px 0px 30px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 160%;font-size:100%}

.concept{clear:both ;width:96%;height: auto;margin: 10px auto 10px auto;height:auto;text-align:left;padding: 10px 0px 10px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 160%;font-size:100%;font-weight: 500;}

.concept2{clear:both ;width:96%;height: auto;margin: 30px auto 20px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px; line-height: 160%;}

.concept3{clear:both ;width:96%;height: auto;margin: 30px auto ;height:auto;text-align:right;padding: 0px 0px 0px 0px; line-height: 160%;}

.concept4{clear:both ;width:96%;height: auto;margin: 10px auto 0px auto;height:auto;text-align:left;padding: 10px 0px 0px 0px; line-height: 160%;font-size:100%;font-weight: 500;}

.concept5{clear:both ;width:96%;height: auto;margin: 20px auto  40px auto;height:auto;text-align:center;padding: 10px 0px 20px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 180%;font-size:125%;font-weight: 500;}

#map{clear:both ;width:96%;height: auto;margin: 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px; line-height: 160%;}

.kanri_navi{clear:both ;width:96%;height: auto;margin: 50px auto 20px auto;height:auto;text-align:center;padding: 30px 0px 25px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 160%;font-size:125%}

.kanri7{clear:both ;width:96%;height: auto;margin: 20px auto 0px auto;height:auto;text-align:center;padding: 40px 0px 30px 0px; border-top: 6px solid #35ADBE;line-height: 160%;}

.kanri8{clear:both ;width:96%;height: auto;margin: 20px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px; border-top: 6px solid #35ADBE;line-height: 160%;}


#main1{
	margin: 0px auto ;
	width: 100%;
	height: auto;
	background-color:#fff;
	text-align:center;
}

/* ＴＯＰスライド*/
#slider{margin:0 auto 0 auto; padding:0;text-align:center;}

.anime{width: 100%; margin:0 auto 0 auto; display: block; -webkit-animation: out 7s; animation: out 7s;}

/*会社案内*/
.company{clear:both ;width:980px;margin: 50px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 30px 0px;}
.table {width:90%;margin:0px auto 15px auto;padding:0px;border-collapse:separate;border-spacing:0px;font-size:12px;text-align: left;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;color:#fff;text-align:bottom;font-size:95%}
.table th {width:28%;padding:10px 5px 6px 5px;text-align:left;vertical-align:top;background-color:#E7E7E7;border-top:1px solid #ccc;color:#000;font-size:85%;
font-weight:normal}
.table td {padding:10px 2px 6px 10px;border-top:1px solid #ccc;background-color:#FFF;color:#000;font-size:85%;}


/*プライバシー*/
.content_left{float:left;width:610px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.content_right{float:right;width:346px;}

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

.privacy{clear:both ;width:96%;margin: 30px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:14px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.privacy_right{float:right;width:346px;text-align:right}
.privacy dl {margin: 0px auto 0px auto;font-size:16px}
.privacy dl dd{margin: 10px auto 20px auto;font-size:16px}
.privacy ul li{margin: 20px auto 0px auto;font-size:16px}
.privacy h3{font-size:18px}

.content7bg{margin: 50px auto 0px;max-width:800px;width:80%;text-align:center;padding:30px 0px 30px 0px;line-height: 300%; background-position: top right;background-repeat: no-repeat;background-image:url("../img/top/bg1.jpg");;height: 200px;}




.top_info{
	clear:both;
	width: 96%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.top_left{
	float:left;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.top_right{
	float:right;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.copyright{
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	font-size:11px;
	color:#fff;
	background-color:#B5B5B5;
}


.button {
    border: 1px solid #eee;
    padding: 10px 10px 4px 10px ;
    position: relative;
	margin: 0px 5px 0px 5px;
}


.img2{ max-width: 88%;
height: auto;
}



#box{
	color:#000;
	width:100%;
	height:100px;
	overflow:auto;
	font-size:16px;
	text-align:left;
	overflow:auto;
	border-top: 1px solid #072921;
	border-bottom: 1px solid #072921;
	margin: 0px auto 5px auto;
	padding: 10px 0px 15px 0px;
	
}

#box dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	
}
#box dl dt {
	float: left;
	width: 5em;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#000;
}
#box dl dd {
	padding: 6px 0px 0px 5em;
	line-height: 120%;
	text-align:left;
	color:#000;
}

#cap2{
	clear: both;
	width:96%;
	margin: 0px auto 0px auto;
	text-align:center;
	padding: 0px 0px 20px 0px;
	font-size:16px;
	line-height: 150%;
}	
.cap2{
	width:100%;
	margin: 20px auto 20px auto;
	font-size:11px;
	line-height: 130%;
}


.subnavi {clear:both;width:95%;margin: 0px auto 0px auto;padding: 10px 0px 20px 0px;font-weight:500;font-size:140%;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {width: 95%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 52px;font-size:90%;background-color: #2ba1af;color:#fff;margin: 0px auto 0px 0px;  border-radius: 20px;}
.subnavi a {display: block;text-decoration: none;color: #fff;background-color: #2ba1af;  border-radius: 20px;}



.subnavi2 {clear:both;float: right;width:70%;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;font-weight:500;font-size:110%;text-align:right}
.subnavi2:after {content: "";clear: both;display: block;}
.subnavi2 li {float: right;width: 70%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 40px;font-size:90%;background-color: #2ba1af;color:#fff;margin: 0px auto 10px 1%;  border-radius: 0px;}
.subnavi2 a {display: block;text-decoration: none;color: #fff;background-color: #2ba1af;  border-radius: 0px;}

.subnavi3 {clear:both;width:90%;margin: 20px auto 0px auto;padding: 10px 0px 20px 0px;font-weight:700;font-size:110%;}
.subnavi3:after {content: "";clear: both;display: block;}
.subnavi3 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 52px;font-size:90%;background-color: #2ba1af;color:#fff;margin: 0px auto 0px 1%;  border-radius: 20px;}
.subnavi3 a {display: block;text-decoration: none;color:#2ba1af;background-color:#fff ;  border-radius: 20px;}


.subnavi4 {clear:both;width:90%;margin: 0px auto 10px auto;padding: 10px 0px 20px 0px;font-weight:700;font-size:110%;}
.subnavi4:after {content: "";clear: both;display: block;}
.subnavi4 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 52px;font-size:90%;background-color: #2ba1af;color:#fff;margin: 0px auto 0px 1%;  border-radius: 20px;}
.subnavi4 a {display: block;text-decoration: none;color:#fff;background-color: #2ba1af;  border-radius: 20px;}


/*フォーム*/
.footerform{width:96%;font-size:100%;line-height: 160%;color: #fff;letter-spacing: 0px;font-weight:400;background-color: #2ba1af;margin: 0px auto  0px auto;padding: 10px 2% 10px 2%;text-align:center;}

.font5w{font-size:110%;line-height: 140%;color:#fff ;letter-spacing: 0px;font-weight: 400;text-align:center}
/* ------------------------------
 フッターナビ
------------------------------ */

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}

.gnavi2 {width: 100%;margin: 0 0 10px;padding: 0;border-top: 1px solid #aaa;font-size: 13px;list-style-type: none;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li {float: left;width: 50%;background: #ccc;text-align: center;border-bottom: 1px solid #aaa;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;color: #fff;}
.gnavi2 li:nth-child(odd) {border-right: 1px solid #aaa;}
.gnavi2 li:nth-child(1) {border-top: 1px solid #aaa;}
.gnavi2 li:nth-child(2) {border-top: 1px solid #aaa;}
.gnavi2 li:nth-child(3) {font-size: 11px;}
.gnavi2 a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
.gnavi2 a:hover {color: #000;background: #ccc;}

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


.circle1 {
color: #fff;
background-color:#2ba1af;
padding: 0px;
margin: 10px 0 0px 0;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
display: inline-block;
border-radius: 50%;
font-size:150%;
font-weight: 700;
}

/*タイトル*/
.title3{width: 60%;font-size:140%;line-height: 170%;color: #fff;letter-spacing: 0px;font-weight:500;background: #25AAB9;margin: 30px auto  30px auto;padding: 10px 0px 10px 0px;}



.br-s2 { display:none; }

#page-top a{display: none;}
.gnavibg{display: none;}
.gnavi{display: none;}
.br-2s { display:none; }
.headertop{display: none;}
.headertop2{display: none;}

}


/*PC*/
@media print, screen and (min-width:751px){


body {min-width:1080px;  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
margin: 0 auto ;}
/* フォント*/
	
.content9{margin: 0px auto 0px auto;width:100%;text-align:center;padding:70px 0px 70px 0px;background:#B8E4E8 }
.content10{margin: 80px auto 0px auto;width:100%;text-align:center;padding:70px 0px 50px 0px;background:#B8E4E8 }
	

 .container {max-width:1200px; width:80%;margin: 0px auto 0px auto;
      display: flex;
      flex-wrap: wrap; /* flexアイテムを折り返す（複数行に配置する） */
    }

    .column {
      width: calc(50% - 20px); /* 列の幅を均等に分配し、マージンを考慮して計算 */
      margin: 10px 10px 0px;
      padding: 0px 10px 0px;
      box-sizing: border-box; /* ボックスモデルを維持するために必要なスタイル */
    }
	

.g{color:#073218;font-weight:700;}
.blue{color: #2ba1af;font-weight:700;font-size:150%;}
.blue2{color: #2ba1af;font-weight:700;}
	
.group {
    max-width:800px; width:80%;            
    height: auto;             
    border: solid 4px #2D9AA7;     
    background-color: #fff;    
    border-radius: 80px; 
	margin: 60px auto 100px;
    padding: 30px 30px 30px;
}
	
.group1 {
    width:80%;            
    height: auto;             
	margin: 0px auto 0px;
    padding: 30px 30px 30px;
}
	
.subtitle{width:400px;text-align: center;box-sizing: border-box;line-height: 50px;font-size:130%;background-color: #2ba1af;color:#fff;margin: 50px auto 30px; }
.subtitle1{width:400px;text-align: center;box-sizing: border-box;line-height: 50px;font-size:130%;background-color: #2ba1af;color:#fff;margin: 50px auto 50px; }
	

.font{font-size:100%; line-height: 130%;color:#fff;letter-spacing: 0px;font-weight: 500;}
.fontr{font-size:100%; line-height: 130%;color:#072921;letter-spacing: 0px;font-weight: 500;text-align:right}
.font1{font-size:110%;line-height: 150%;color:#072921 ;letter-spacing: 0px;font-weight: 500;padding-top:13px}
.font15{font-size:115%;line-height: 150%;color:#072921 ;letter-spacing: 0px;font-weight: 500;padding-top:13px}
.font2b{font-size:120%;line-height: 130%;color:#072921 ;letter-spacing: 0px;font-weight: 700;padding-top:13px}
.font2{font-size:120%;line-height: 150%;color:#072921 ;letter-spacing: 0px;font-weight: 500;padding-top:13px}
.font3{font-size:130%;line-height: 130%;color:#072921 ;letter-spacing: 0px;font-weight: 500;padding-top:13px}
.font4{font-size:140%;line-height: 130%;color:#072921 ;letter-spacing: 0px;font-weight: 500;padding-top:13px}
.font4b{font-size:140%;line-height: 160%;color:#000 ;letter-spacing: 0px;font-weight: 700;padding:13px 0 20px}
.font5{font-size:160%;line-height: 180%;color:#072921 ;letter-spacing: 0px;font-weight: 700;text-align:center}
.font5c{font-size:150%;line-height: 150%;color:#072921 ;letter-spacing: 0px;font-weight: 700;text-align:center}
.font5w{font-size:150%;line-height: 150%;color:#fff ;letter-spacing: 0px;font-weight: 700;text-align:center}
.font7{font-size:170%;line-height: 150%;color:#072921 ;letter-spacing: 0px;font-weight: 700;padding: 30px 0px 10px 0px;}
.font7w{font-size:130%;line-height: 150%;color:#fff ;letter-spacing: 0px;font-weight: 700;text-align:center;padding: 10px 0px 10px 0px;}

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
h1{margin: 0px auto 0px auto;font-size:10px;padding: 0px 0px 0px 0px;color:#073218;font-weight : normal;}
h1 a{margin: 0px auto 0px auto;font-size:10px;padding: 0px 0px 0px 0px;text-align:right;color:#073218;font-weight : normal;}
h2{margin: 0 auto;}
h3{margin: 50px auto 0px auto;padding: 0px 0px 0px 0px;font-weight:inherit;font-style:inherit;font-size:100%;}
h4{margin: 0 auto;}

.pr {margin: 0px auto 0px auto;font-size:10px;padding: 0px 0px 0px 0px;text-align:right;color:#073218;font-weight : normal;}


.mail.icon {
  color: #000;
  position: absolute;
  margin-left: 25px;
  margin-top: 14px;
  width: 18px;
  height: 12px;
  border-radius: 1px;
  border: solid 1px #fff;
  
}
.mail.icon:before {
  content: '';
  position: absolute;
  left: 9px;
  top: -6px;
  width: 1px;
  height: 13px;
  background-color:  #fff;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(-54deg);
          transform: rotate(-54deg);
}
.mail.icon:after {
  content: '';
  position: absolute;
  left: 8px;
  top: -6px;
  width: 1px;
  height: 13px;
  background-color:  #fff;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}

img { max-width: 100%;height: auto;}
img{ -webkit-backface-visibility: hidden; backface-visibility:hidden;}
.cen {display:block;margin: 0 auto;text-align: center;}

/* ヘッダー*/

.headertop{margin: 0px auto 0px;width:1000px;height: auto;text-align:right;}

.headertop2{margin: 0px auto 0px;width:1000px;height: auto;text-align:right;}
.headertop2 a:hover {color:#2BA1AF;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 

.headertop2:after {content: "";clear: both;display: block;}
.headertop2 a {display: block;text-decoration: none;color: #073218;}
.headertop2 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px;}
.headertop2 li {float: right;text-align: right;list-style: none;text-align: center;font-size:70%;  margin: 3px 0px 3px 10px;}


.hdrleft{float: left;width: 400px;height: auto;text-align:left;padding: 10px 0px 0px 0px;font-size:12px;text-align:left;line-height: 100%;}

.hdrright {float: right;width:300px;margin: 1px auto 0px auto;font-weight: 700;}
.hdrright:after {content: "";clear: both;display: block;}
.hdrright a {display: block;text-decoration: none;color: #fff;}
.hdrright ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px;}
.hdrright li {float: right;text-align: right;list-style: none;width: 100%;text-align: center;line-height: 40px;-webkit-box-sizing: border-box;border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 0px 0px 0px 3px;color:#fff ;background-color: #2ba1af;}


.hdrright1 {float: right;width:85px;margin: 18px 15px 0px auto;font-weight: 700;color: #073218;font-size:110%;}
.hdrright1:after {content: "";clear: both;display: block;}
.hdrright1 a {display: block;text-decoration: none;color: #073218}
.hdrright1 ul{list-style: none;padding: 15px 0px 10px 0px;margin: 0px; }
.hdrright1 li {float: right;text-align: left;list-style: none;width: 100%;text-align: center;line-height: 0px;-webkit-box-sizing: border-box;border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 0px 0px 0px 0px;color: #fff;}
.hdrright1 a:hover {color:#2BA1AF;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 
/* グローバルナビ*/


.gnavibg {width:100%;margin: 0px auto 0px auto;background-color:#fff;height:auto}
.gnavi {max-width:800px;width:80%;margin: 0px auto 0px auto;}
.gnavi:after {content: "";clear: both;display: block;}
.gnavi li {float: left;width: 33%;text-align: center;box-sizing: border-box;line-height: 40px;font-size:90%; color: #2BA1AF;margin: 5px 0px 3px 0px;font-size:16px;font-weight: 700}
.gnavi a {display: block;text-decoration: none;color: #073218;font-weight: 700}
.gnavi a:hover {color:#2BA1AF;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 


.gnavi2bg {width:100%;margin: 0px auto 0px auto;height:auto}
.gnavi2 {width:800x;margin: 0px auto 0px auto;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li {float: left;width: 25%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 30px;font-size:90%; color: #ccc;margin: 0px 0px 0px auto;}
.gnavi2 a {display: block;text-decoration: none;color: #fff;font-weight: 500}

.gnavi2 a:hover {color:#ccc;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 


/*=======================================
 問合せボタン
=========================================*/

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}


.subnavi {clear:both;width:400px;margin: 20px auto 20px auto;padding: 10px 0px 20px 0px;font-weight:700;font-size:140%;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 52px;font-size:90%;background-color: #2ba1af;color:#fff;margin: 0px auto 0px 1%;  border-radius: 20px;}
.subnavi a {display: block;text-decoration: none;color: #fff;background-color: #2ba1af;  border-radius: 20px;}

	


.subnavi2 {clear:both;float: right;width:300px;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;font-weight:700;text-align:right}
.subnavi2:after {content: "";clear: both;display: block;}
.subnavi2 li {float: right;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 52px;font-size:125%;background-color: #2ba1af;color:#fff;margin: 0px auto 20px 1%;  border-radius: 20px;}
.subnavi2 a {display: block;text-decoration: none;color: #fff;background-color: #2ba1af;  border-radius: 20px;}

.subnavi3 {clear:both;width:400px;margin: 20px auto 20px auto;padding: 10px 0px 20px 0px;font-weight:700;font-size:140%;}
.subnavi3:after {content: "";clear: both;display: block;}
.subnavi3 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 52px;font-size:125%;background-color: #2ba1af;color:#fff;margin: 0px auto 0px 1%;  border-radius: 20px;}
.subnavi3 a {display: block;text-decoration: none;color:#2ba1af;background-color:  #fff;  border-radius: 20px;}

.subnavi4 {clear:both;width:400px;margin: 0px auto 10px auto;padding: 10px 0px 20px 0px;font-weight:700;font-size:110%;}
.subnavi4:after {content: "";clear: both;display: block;}
.subnavi4 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 52px;font-size:100%;background-color: #2ba1af;color:#fff;margin: 0px auto 0px 1%;  border-radius: 20px;}
.subnavi4 a {display: block;text-decoration: none;color:#fff;background-color: #2ba1af;  border-radius: 20px;}




.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  text-align:center;
}


.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #002734;
  color: white;
  
}

.hvr-fade1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  text-align:center;
  background-color: #fff;
}


.hvr-fade1:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #002734;
  color: white;
  
}




/* 文字間*/
.moji {letter-spacing:-0.2em;}

/* コンテンツ*/

.topcontent{width:100%;margin: 0px auto 0px auto;height:auto;text-align:center;padding: 0px 0px 0px 0px; }

.content{clear:both ;margin: 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; border-top: 2px solid #35ADBE;}

.contentmain{clear:both ;width:980px;height: auto;margin: 20px auto ;height:auto;text-align:left;padding: 30px 0px 30px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 160%;font-size:140%}

.concept{clear:both ;width:60%;height: auto;margin: 20px auto ;height:auto;text-align:left;padding: 30px 0px 30px 0px; border-top: 6px solid #35ADBE;border-bottom: 6px solid #35ADBE;line-height: 160%;font-size:125%;font-weight: 600;}

.concept2{clear:both ;width:980px;height: auto;margin: 60px auto 70px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px; line-height: 160%;}

.concept3{clear:both ;width:980px;height: auto;margin: 30px auto ;height:auto;text-align:right;padding: 0px 0px 0px 0px; line-height: 160%;}

.concept4{clear:both ;width:980px;height: auto;margin: 20px auto ;height:auto;text-align:left;padding: 20px 0px 0px 0px; line-height: 160%;font-size:125%;font-weight: 500;}

.concept5{clear:both ;width:980px;height: auto;margin: 20px auto  40px auto;height:auto;text-align:center;padding: 10px 0px 20px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 180%;font-size:125%;font-weight: 500;}

#map{clear:both ;width:980px;height: auto;margin: 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px; line-height: 160%;}

.kanri_navi{clear:both ;width:980px;height: auto;margin: 50px auto 20px auto;height:auto;text-align:center;padding: 30px 0px 25px 0px; border-top: 2px solid #35ADBE;border-bottom: 2px solid #35ADBE;line-height: 160%;font-size:125%}

.kanri7{clear:both ;width:1020px;height: auto;margin: 60px auto 0px auto;height:auto;text-align:center;padding: 40px 0px 30px 0px; border-top: 6px solid #35ADBE;line-height: 160%;}

.kanri8{clear:both ;width:980px;height: auto;margin: 20px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px; border-top: 2px solid #35ADBE;line-height: 160%;}


.kanri8_left{float:left;width:373px;text-align:center;}

.kanri8_right{float:right;width:600px;padding: 0px 0px 30px 0px;}


#main1{
	margin: 0px auto ;
	width: 100%;
	height: auto;
	background-color:#fff;
	text-align:center;
}

/* ＴＯＰスライド*/
#slider{margin:0 auto 0 auto; padding:0;text-align:center;}

.anime{width: 100%; margin:0 auto 0 auto; display: block; -webkit-animation: out 7s; animation: out 7s;}


@-webkit-keyframes out { 0%   { -webkit-transform: scale(1.1); }100% { -webkit-transform: scale(1.0);}}

@keyframes out { 0%   { transform: scale(1.1); }100% { transform: scale(1.0); }}

@-ms-keyframes out { 0%   { -webkit-transform: scale(1.1); }100% { -webkit-transform: scale(1.0); }}

.ex-motion {transform: translate3d(0,0,0);}

/**/

.info{margin: 0px auto 0px auto;width:100%;;text-align:center;padding:5px 0px 0px 0px; background-color:#35ADBE}

.info2{margin: 0px auto 35px auto;width:100%;;text-align:center;padding:1px 0px 1px 0px; background-color:#fff;  border-top:1px solid #0E6EB8;border-bottom:1px solid #0E6EB8;}


.content2{margin: 15px auto 0px auto;width:100%;text-align:center;padding:5px 0px 0px 0px; }

.content3{margin: 15px auto 30px auto;width:1015px;text-align:left;padding:5px 0px 0px 0px; }

.content6{margin: 10px auto 0px;width:100%;text-align:center;padding:15px 0px 10px 0px; }

.content7{margin: 40px auto 0px;width:80%;text-align:center;padding:15px 0px 30px 0px;line-height: 300%; }
	
.content7bg{margin: 50px auto 0px;max-width:800px;width:80%;text-align:center;padding:30px 0px 30px 0px;line-height: 300%; background-position: top right;background-repeat: no-repeat;background-image:url("../img/top/bg1.jpg");;height: 200px;}
	
	

.content8{margin: 15px auto 30px auto;width:1200px;text-align:left;padding:5px 0px 0px 0px; }

	
.content2 a {display: inline-block;color: #3498db;text-decoration: none;}

.content3 a {display: inline-block;color: #3498db;text-decoration: none;}


.right{float:right;width: 61%;}
.left{float:left;width: 36%;}
.left2{float:left;margin: 0 10px 0px 20px;}
.right2{float:right;margin: 0 0px 0px 20px;}

/*タイトル*/
.title3{width: 300px;font-size:160%;line-height: 170%;color: #fff;letter-spacing: 0px;font-weight:700;background: #25AAB9;margin: 50px auto  50px auto;padding: 10px 0px 10px 0px;}

/*フォーム*/
.form{width: 300px;font-size:140%;line-height: 170%;color: #fff;letter-spacing: 0px;font-weight:700;background: #25AAB9;margin: 50px auto  50px auto;padding: 10px 0px 10px 0px;}



/*フォーム*/
.footerform{width:100%;font-size:100%;line-height: 170%;color: #fff;letter-spacing: 0px;font-weight:700;background-color: #2ba1af;margin: 50px auto  0px auto;padding: 10px 0px 10px 0px;text-align:center;}



section {
    margin: 5px;
}


.button {
    border: 1px solid #eee;
    padding: 10px 10px 4px 10px ;
    position: relative;
	margin: 0px 5px 0px 5px;
}

.button2 {
    padding: 10px 10px 4px 10px ;
    position: relative;
	margin: 0px 5px 0px 5px;
}



/* Effect1
 *************************************** */
.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
    background-color: #072921;
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.change-border01::after {
    height: 1px;
    left: -1px;
    top: -1px;
    width: 1px;
}

.change-border01::before {
    bottom: -1px;
    height: 1px;
    right: -1px;
    width: 0px;
}

.change-border01__inner::after {
    bottom: -1px;
    height: 0px;
    left: -1px;
    width: 1px;
}

.change-border01__inner::before {
    height: 0px;
    right: -1px;
    top: -1px;
    width: 1px;
}

/* hover */
.change-border01:hover::after,
.change-border01:hover::before {
    width: 100%;
    width: calc(100% + 1px);
}

.change-border01:hover .change-border01__inner::after,
.change-border01:hover .change-border01__inner::before {
    height: 100%;
    height: calc(100% + 1px);
}



/*キャプション*/

#cap{
	clear: both;
	width:1090px;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 25px 0px 20px 0px;
	font-size:12px;
	line-height: 150%;
}	

#cap2{
	clear: both;
	width:740px;
	margin: 30px auto 0px auto;
	text-align:left;
	padding: 25px 0px 20px 0px;
	font-size:14px;
	line-height: 150%;
}	



.cap{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left !important;
	padding: 20px 0px 20px 0px;
	font-size:12px;
	line-height: 150%;
}	
.cap2{
	width:100%;
	margin: 20px auto 20px auto;
	font-size:12px;
	line-height: 150%;
}

.cap4{
	margin: 0px auto 0px auto;
	font-size:12px;
	line-height: 150%;
	text-align:right !important;
	color:#333 !important;
}



.table2 {
width:95%;margin:0px auto;padding:15px;
border-collapse:separate;
border-spacing:1px;
font-size:14px;
text-align: left;
}
.table2 th {
width:30%;padding:6px 0px 6px 10px;
text-align:left;vertical-align:top;color:#fff;
background-color:#0E6EB8 ;
border:1px solid #BBBBBB;
}
.table2 td {
padding:6px 0px 6x 10px;
border:1px solid #999999;
background-color:#FFF;
}


.b { margin: 0px; }
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b8 { margin-bottom: 8px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b35 { margin-bottom:35px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t5 { margin-top: 5px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t35 { margin-top:25px; }
.t45 { margin-top:45px; }
.t55 { margin-top:55px; }
.t100 { margin-top:103px; }

.l { margin-left: 0px; }
.l1 { margin-left: 1px; }
.l5 { margin-left: 5px; }
.l8 { margin-left: 8px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }
.l40 { margin-left:40px; }
.l55 { margin-left:55px; }



.top_info{
	clear:both;
	width: 1200px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.top_left{
	float:left;
	width: 65%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.top_right{
	float:right;
	width: 300px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 70px 0px 0px 0px;
}	



.line{margin: 0px auto ;height:auto;text-align:center;padding: 10px 0px 10px 0px;background:#2ba1af}

.footer{clear:both ;width:980px;margin: 0px auto ;height:auto;text-align:left;padding: 10px 0px 90px 0px; 
}

.l20 { margin-left:20px; }


#box{
	color:#000;
	width:100%;
	height:100px;
	overflow:auto;
	font-size:16px;
	text-align:left;
	overflow:auto;
	border-top: 1px solid #072921;
	border-bottom: 1px solid #072921;
	margin: 0px auto 5px auto;
	padding: 10px 0px 15px 0px;
	
}

#box dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	
}
#box dl dt {
	float: left;
	width: 5em;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#000;
}
#box dl dd {
	padding: 6px 0px 0px 5em;
	line-height: 120%;
	text-align:left;
	color:#000;
}


/*フッターナビ*/
#submenu{
	clear: both;
	width: auto;
	height: 13px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	font-size:10px;
	margin: 0px auto;

}

/*会社案内*/
.company{clear:both ;width:980px;margin: 50px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 30px 0px;}
.table {width:100%;margin:0px auto 15px auto;padding:0px;border-collapse:separate;border-spacing:0px;font-size:12px;text-align: left;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;color:#fff;text-align:bottom;font-size:95%}
.table th {width:28%;padding:10px 2px 6px 10px;text-align:left;vertical-align:top;background-color:#E7E7E7;border-top:1px solid #ccc;color:#000;
font-weight:normal}
.table td {padding:10px 2px 6px 10px;border-top:1px solid #ccc;background-color:#FFF;color:#000}


/*プライバシー*/
.content_left{float:left;width:610px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.content_right{float:right;width:346px;}

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

.privacy{clear:both ;width:980px;margin: 30px auto 70px auto ;height:auto;text-align:left;padding: 30px 0px 10px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.privacy_right{float:right;width:346px;text-align:right}
.privacy dl {margin: 0px auto 0px auto;font-size:16px}
.privacy dl dd{margin: 10px auto 20px auto;font-size:16px}
.privacy ul li{margin: 20px auto 0px auto;font-size:16px}
.privacy h3{font-size:18px}




.circle1 {
color: #fff;
background-color:#2ba1af;
padding: 0px;
margin: 0px 0 0px 0;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
display: inline-block;
border-radius: 50%;
font-size:150%;
font-weight: 700;
}




#submenu li{display: inline;}

/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:99}
#page-top a:hover {text-decoration: none;background-color:#929A94;}



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


#footer1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	background-color:#999;   
	bottom: 0px; 
	padding: 0px 0px 5px 0px;

}
	
#footer{
	clear: both;
	width: 980px;
	height: auto;
	margin: 0px auto;
	text-align: left;
    padding: 20px 0px 20px 0px;
	background-color:#999;
	font-size:90%;
	line-height: 170%;
	
}


#footerleft{
	width: 345px;
	height: 50px;
	float: left;
	padding: 0px 0px 20px 0px;
	text-align: left;
}


#footerright{
	width: 620px;
	height: 50px;
	float: right;
	margin-top: 0px;
	text-align: right;
	padding: 30px 0px 10px 0px;
}

/*------------------------------------------------------*/
/*ホバーアクション*/
/*------------------------------------------------------*/

.copyright{
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	font-size:11px;
	color:#fff;
	background-color:#B5B5B5;
}



a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}
.hoverimg a:hover img{opacity:0.7;}
a img.opacity:hover{opacity:0.3;}


.br-s { display:none; }
.pure-container{display: none;}
.submenu {display: none;}


}