/*
Theme Name: stingerplus child
Template: stingerplus
Version: 20160525
*/
@import url('../stingerplus/style.css');

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}
.test{margin-top:-200px!important;}
/*---------------------------------
p
--------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.futogo{font-family:"Gothic MB101","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif!important;}
.midago{font-family:"Midashi Go MB31","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif!important;}
.bbb{font-family:"Gothic Medium BBB","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;!important;}


/* リンクの色 */
a {color: #1a1a1a;}
a.blueunder {color: #0071BC; border-bottom:1px solid #0071BC;}
a.blueunder:hover {color: #bbb!important; border-bottom:1px solid #bbb;}

p{
	margin:0;
	padding:0;
	font-size:1.5rem;
	line-height:1.6em;
	font-weight:400;
}
@media screen and (max-width: 768px) {p{font-size:1.5rem;}}
@media screen and (max-width: 550px) {p{font-size:1.5rem;}}
@media print {p{font-size:14px;}}

.bigbigbig{font-size:3rem; line-height:1.5em; margin:0; padding:0;}
	@media screen and (max-width: 600px) {.bigbigbig{font-size:2.4rem;}}

.bigbig{font-size:2.4rem; line-height:1.5em; margin:0; padding:0;}
	@media screen and (max-width: 960px) {.bigbig{font-size:2.2rem;}}
	@media screen and (max-width: 480px) {.bigbig{font-size:1.8rem;}}
	@media print {p.bigbig{font-size:17px;}}	
	
.big{font-size:2rem; line-height:1.5em; margin:0; padding:0;}
	@media screen and (max-width: 960px) {.big{font-size:1.7rem;}}	
	@media screen and (max-width: 480px) {.big{font-size:1.5rem;}}	
	
	
.littlebig{font-size:1.8rem; line-height:1.5em; margin-bottom:0;}
plittlebig02{font-size:1.8rem; line-height:30px; margin-bottom:0;}
@media screen and (max-width: 960px) {
	.littlebig{font-size:1.7rem;}
	.littlebig02{font-size:1.7rem;}
}
@media screen and (max-width: 768px) {
	.littlebig{font-size:1.6rem;}
	.littlebig02{font-size:1.6rem;}
}		
@media screen and (max-width: 750px) {
	.littlebig02{font-size:1.5rem;}
}
@media screen and (max-width: 480px) {
	.littlebig{font-size:1.6rem;}
	.littlebig02{font-size:1.4rem;}
}
@media print {.littlebig{font-size:1.4rem;}}
		
p.mini,.mini{
	font-size:1.4rem;
	margin:0;
	padding:0;
}
@media screen and (max-width: 750px) {p.mini,.mini{font-size:1.4rem;}}		
@media screen and (max-width: 480px) {p.mini,.mini{font-size:1.3rem;}}		
		
		
p.minimini,.minimini{
	font-size:13px;
	margin:0;
	padding:0;
}
/*--------------------------------
Adobeフォント
---------------------------------*/
.aotf_m{
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-weight:600;
	font-style: normal;
}

.aotf_f{
	font-family: a-otf-futo-go-b101-pr6n, sans-serif;
	font-weight:500;
	font-style: normal
}

.aotf_s{
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}
	
.dnp_l{
	font-family: dnp-shuei-mgothic-std, sans-serif!important;
	font-weight: 400!important;
	font-style: normal!important;
}

.dnp_b{
	font-family: dnp-shuei-mgothic-std, sans-serif!important;
	font-weight: 600!important;
	font-style: normal!important;
}


.marumoji_r{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400!important;
	font-style: normal!important;
}

.marumoji_b{
	font-family: fot-tsukuardgothic-std, sans-serif!important;
	font-weight: 700!important;
	font-style: normal!important;
}

.kozmin_r{
	font-family: kozuka-mincho-pro, serif!important;
	font-weight: 400!important;
	font-style: normal!important;
}
.kozmin_m{
	font-family: kozuka-mincho-pro, serif!important;
	font-weight: 500!important;
	font-style: normal!important;
}
.kozmin_b{
	font-family: kozuka-mincho-pro, serif!important;
	font-weight: 700!important;
	font-style: normal!important;
}
.kozmin_h{
	font-family: kozuka-mincho-pro, serif!important;
	font-weight: 900!important;
	font-style: normal!important;
}

.kozgo_r{
	font-family: kozuka-gothic-pro, sans-serif!important;
	font-weight: 400!important;
	font-style: normal!important;
}
.kozgo_m{
	font-family: kozuka-gothic-pro, sans-serif!important;
	font-weight: 500!important;
	font-style: normal!important;
}
.kozgo_b{
	font-family:kozuka-gothic-pro, sans-serif!important;
	font-weight: 700!important;
	font-style: normal!important;
}
.kozgo_h{
	font-family: kozuka-gothic-pro, sans-serif!important;
	font-weight: 900!important;
	font-style: normal!important;
}


/*--------------------------------
基本
---------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.mainbox{padding-bottom:0!important;}
/*--------------------------------
印刷用CSS
---------------------------------*/

@media print {
  section { display: block; page-break-before: always; }
  pre code {page-break-after: always;}
  @page {
margin-top:0.4cm;
margin: 0.5cm;
}
p a, code, pre {
word-wrap: break-word;
}

a[href]:after {
    content: ""; }
 
 
abbr[title]:after {
    content: ""; }
 
   .ir a:after,
  pre a[href^="javascript:"]:after,
  pre a[href^="#"]:after {
    content: ""; }
 

.br-sp { display:none; } 
.no-print {display:none;}

body {
	-webkit-print-color-adjust: exact;
  }
/* サイドバーを非表示にしてメインボックスを100% */
#contentInner {
		float: none;
		width: 100%;/* ★印刷用　もとはautoだったが、左が切れたので100%へ */
		margin-right: 0;
	}

	main {
		margin-right: 0;
		margin-left: 0px;
		background-color: #ffffff;
		border-radius: 4px;
		padding: 30px 50px 30px;
	
	}

	.st-eyecatch
	 {
		margin: -30px -50px 20px;
	}

	.st-eyecatch img
	 {
		border-radius: 4px 4px 0 0 ;
	}

	#side aside {
		float: none;
		width: 0;
		padding: 0px;
	}
/* サイドバーを非表示にしてメインボックスを100%ここまで */	
}

/*--------------------------------
印刷用CSSここまで
---------------------------------*/


#wide{
	width:100%;
	margin:0 auto;
}
/*--------------------------------
改行
---------------------------------*/
@media screen and (max-width: 1060px) {.br-1060 { display:none; }}

/* 960px以下は改行しない */
@media screen and (max-width: 960px) {.br-960 { display:none; }}

/* 900px以下は改行しない */
@media screen and (max-width: 900px) {.br-900 { display:none; }}

/* 768px以下は改行しない 大きいタブレット縦は改行*/
@media screen and (max-width: 768px) {.br-768 { display:none; }}

@media screen and (max-width: 750px) {.br-750 { display:none; }}
@media screen and (max-width: 700px) {.br_700 { display:none; }}
@media screen and (max-width: 600px) {.br_600 { display:none; }}
@media screen and (max-width: 480px) {.br_480 { display:none!important; }}
@media screen and (max-width: 400px) {.br_400 { display:none!important; }}

@media screen and (min-width: 1263px) {.br1263 { display: none;}}
@media screen and (min-width: 1180px) {.br1180 { display: none;}}
@media screen and (min-width: 1150px) {.br1150 { display: none;}}
@media screen and (min-width: 1080px) {.br1080 { display: none;}}
@media screen and (min-width: 1032px) {.br1032 { display: none;}}
@media screen and (min-width: 970px) {
	.br970 { display: none;}}

@media screen and (min-width: 960px) {
	.br960 { display: none;}}

@media screen and (min-width: 875px) {
	.br875 { display: none;}}

@media screen and (min-width: 851px) {
	.br850 { display: none;}}

@media screen and (min-width: 801px) {
	.br800 { display: none;}}

@media screen and (min-width: 768px) {
	.br768 { display: none;}}

@media screen and (min-width: 750px) {
	.br750 { display: none;}}

@media screen and (min-width: 700px) {
	.br700 { display: none;}}

@media screen and (min-width: 650px) {
	.br650 { display: none;}}

@media screen and (min-width: 600px) {
	.br600 { display: none;}}

@media screen and (min-width: 550px) {
	.br550 { display: none;}}

@media screen and (min-width: 481px) {
	.br480 { display: none;}}

@media screen and (min-width: 461px) {
	.br460 { display: none;}}

@media screen and (min-width: 430px) {
	.br430 { display: none;}}

@media screen and (min-width: 420px) {
	.br420 { display: none;}}

@media screen and (min-width: 400px) {
	.br400 { display: none;}}

@media screen and (min-width: 390px) {
	.br390 { display: none;}}

@media screen and (min-width: 376px) {
	.br375 { display: none;}}
@media screen and (min-width: 361px) {
	.br360 { display: none;}}

@media screen and (min-width: 351px) {
	.br350 { display: none;}}

@media screen and (min-width: 321px) {
	.br320 { display: none;}}

/*--------------------------------
画像の切り替え（スマホとPC)
---------------------------------*/
.pc960 { display: block !important; margin:0;}
.sp960 { display: none !important;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 960px) {
.pc960 { display: none !important; }
.sp960 { display: block !important; }
}

.pc850 { display: block !important; }
.sp850 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 850px) {
.pc850 { display: none !important; }
.sp850 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc820 { display: block !important; }
.sp820 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 820px) {
.pc820 { display: none !important; }
.sp820 { display: block !important; }
}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc768 { display: block !important; }
.sp768 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc768 { display: none !important; }
.sp768 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc750 { display:block !important; }
.sp750 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc750 { display: none !important; }
.sp750 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc640 { display:block !important; }
.sp640 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.pc640 { display: none !important; }
.sp640 { display: block !important; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc480 { display:block !important; }
.sp480 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc480 { display: none !important; }
.sp480 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc420 { display:block !important; }
.sp420 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 421px) {
.pc420 { display: none !important; }
.sp420 { display: block !important; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc800il { display: inline-block !important; }
.sp800il { display: none !important; }
@media only screen and (max-width: 800px){
.pc800il { display: none !important; }
.sp800il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc768il { display: inline-block !important; }
.sp768il { display: none !important; }
@media only screen and (max-width: 768px){
.pc768il { display: none !important; }
.sp768il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc600il { display: inline-block !important; }
.sp600il { display: none !important; }
@media only screen and (max-width: 600px){
.pc600il { display: none !important; }
.sp600il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc480il { display: inline-block !important; }
.sp480il { display: none !important; }
@media only screen and (max-width: 480px) {
.pc480il { display: none !important; }
.sp480il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc375il { display: inline-block !important; }
.sp375il { display: none !important; }
@media only screen and (max-width: 375px) {
.pc375il { display: none !important; }
.sp375il { display: inline-block !important; }
}

/*--------------------------------
youtube動画
---------------------------------*/

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
    display: block;
    height: 600px;/* ★★ここで高さ調節 */
    width: 100%;
}
/*--------------------------------
背景について　メイン部分
---------------------------------*/
.greenback{background: #e9f2da!important; width:100%; margin:0; padding:0;}
.brownback{background: #f2f0e7!important; width:100%; margin:0; padding:0;}
.whiteback{width:100%; background:#fff; padding:0; margin:0 auto;}

/*--------------------------------
背景について　メイン部分
---------------------------------*/
main{
	background:#fff;
	margin-top:0;
	margin-bottom:-10px;/* スマホのみ有効　※phpで幅100%にするとき→php最下層にコード */
	padding: 0px 0px!important;/* ★本文の横幅めいいっぱい */
	position:relative;
}


#wide{
	width:100%;
	margin:0 auto;
}

/*---------------------------------
スペース
--------------------------------*/
.space180{margin-top:180px;}
.space100{margin-top:100px;}
.space20{margin-top:20px;}
.space3{margin-top:3%;}
.space5{margin-top:5%;}
.space8{margin-top:10%;}

.space62{margin-top:160px;}
@media screen and (max-width: 960px) {
	.space62{margin-top:62px;}}

/*--------------------------------
影
---------------------------------*/
.kage_black img{box-shadow: 10px 10px #1A1A1A;}

/*--------------------------------
文字の色
---------------------------------*/
.brownmoji{color:#42210b!important;}
.bluemoji{color:#3f88c8!important;}
.greenmoji{color:#35a972!important;}
.brownmoji{color:#8c8462!important;}
.whitemoji{color:#ffffff!important;}
.redmoji{color:#B11A09!important;}
.koibluemoji{color:#24388e!important;}

.yellowmoji{color:#ffff00!important;}
.orangemoji{color:#E95513!important;}
.murasakimoji{color:#492d5e!important;}
.pinkmoji{color:#bb83ca!important;}
.graymoji{color:#666!important;}

p.tag a{color:#666!important;}
p.tag a:hover{color:#004B29!important;}
/*---------------------------------
hrまとめ
--------------------------------*/
hr.red3{border-top: 3px solid #aa2222; border-bottom:none; margin:2px 0;}
hr.white03{border-top: 1px solid #ffffff; border-bottom:none; margin:2px 0; width:30%;}
hr.gold{border-top: 3px solid #aa9857; border-bottom:none; margin:0;}
hr.gray{border-top: 1px solid #333333; border-bottom:none; margin:0;}
hr.dashed{border-top: 1px dashed #b2b2b2; border-bottom:none; margin:0;}
hr.link{border-top: 1px dashed #24388e; border-bottom:none; margin:0;}
/*---------------------------------
下線
--------------------------------*/
.yellowborder{border-bottom: 2px solid #ffff00; margin:0 0;}
.bluedoubleline{border-bottom: 5px double #0055B8!important;}
.reddashedline{border-bottom:1px dashed #FF1D25!important;}
.greenline{border-bottom:2px solid #30AA61!important;}
.orangeborder{border-bottom: 4px solid #E95513; margin:0 0;}

/*---------------------------------
グローバルメニュー固定時のリンク位置
--------------------------------*/
.contents {padding-top: 60px;}
.contents_innner {
    padding-top: 60px;
    margin-top:-60px;
}
@media screen and (max-width: 960px) {
	.contents {padding-top: 100px;}
.contents_innner {
    padding-top: 100px;
    margin-top:-100px;
	}}

/*---------------------------------
共通設定
--------------------------------*/
.one, .two, .three {
  position: relative;
}

.one  {
	z-index: 30;
}
.two {
  z-index:20;
}
.three {
  z-index:10;
}
.ten {
  z-index:100;
}

.font07{font-size:0.7em!important;}	

@media screen and (min-width: 1300px) {
.lh20_1300{line-height:2em;}
}

.img90{width:90%; margin:0 auto;}
.img80{width:80%; margin:0 auto;}
.img70{width:70%; margin:0 auto;}

@media screen and (max-width: 480px) {
.sma90{width:90%; margin:0 auto;}
.sma80{width:80%; margin:0 auto;}
.sma75{width:75%; margin:0 auto;}
.sma70{width:70%; margin:0 auto;}
.sma70{width:70%; margin:0 auto;}
.sma60{width:60%; margin:0 auto;}
.sma50{width:50%; margin:0 auto;}}

@media print {
.sma90{width:90%; margin:0 auto;}
.sma80{width:80%; margin:0 auto;}
.sma75{width:75%; margin:0 auto;}
.sma70{width:70%; margin:0 auto;}
.sma60{width:60%; margin:0 auto;}
.sma50{width:50%; margin:0 auto;}}
	
	
.kadomaru10 img{
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.kadomaru20 img{
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}
.kadomaru10{
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.kadomaru20{
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}



.marker{
  background: linear-gradient(transparent 90%, #9e005d 0%);
  display: inline;
  /*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
  padding: 0 2px 4px;
}

.textshadow_black{text-shadow:2px 2px 3px #3e3f3f;}
.haba{text-align: justify;}
.zindex1{z-index:1!important;}
.zindex2{z-index:2!important;}
.zindex100{z-index:100!important;}
.bbb{border-bottom:4px double #003280!important;}
.bbr{border-bottom:4px solid #aa2222!important;}
.bgg{background-color:#f2f2f2!important;}
.hidden{visibility:hidden!important;}
.displaynone{display:none!important;}
img.size-full, img.size-large {margin-bottom: 0px;}
.relative{position:relative;}
.absolute{position:absolute;}
.white{color:#ffffff!important;}
.inlineblock{display:inline-block;}
hr.style{border-top: 1px solid #42210b; border-bottom:none; margin:5px 0;}
hr.yellow{border-top: 3px solid #ffff00; border-bottom:none; margin:2px 0;}
hr.footer{border-top: 5px solid #18082b; border-bottom:none; margin:0; padding:0;}
.img{max-width:100%;}
.width100{width:100%;}
.width100 img{width:100%;}
.width80{width:80%; margin:0 auto;}
a{text-decoration:none; }
a:hover{color:#ff0000!important;}
a.header{color:#42210b!important;}
a.header:hover{color:#42210b;!important;}
a[href^="tel:"] { cursor: default; }
a[href^="tel:"] img:hover { -moz-opacity: 1; opacity: 1; }
.left{float:left!important;}
.right{float:right!important;}
.right_left480{float:right!important;}
.text_right{text-align:right;}
.text_left{text-align:left;}
.text_right480{text-align:right;}
.center {text-align: center!important; padding-bottom: 0; }
.center768{text-align: center!important; padding-bottom: 0; float:none!important;}
.center_from960{text-align: left!important; padding-bottom: 0; float:none!important;}
.center_from768{text-align: left!important; padding-bottom: 0; float:none!important;}
.center_from750{text-align: left!important; padding-bottom: 0; float:none!important;}
.left_from960{text-align: center!important;}
.left_from768{text-align: center!important;}
.left_from750{text-align: center!important;}
.left_from550{text-align: center!important;}
.left_from480{text-align: center!important;}
.torikeshi{text-decoration: line-through;}
.textindent{padding-left:1em; text-indent:-1em;}
.textindent1{padding-left:1.2em; text-indent:-0.6em;}
.textindent16{padding-left:1em; text-indent:-1.6em;}
.textindent19{padding-left:1em; text-indent:-1.9em;}
.textindent2{padding-left:2em; text-indent:-2em;}
.textindent_edu{padding-left:2em; text-indent:-0.6em;}
.textshadow{text-shadow: 1px 2px 3px #ffffff;}
.width75{width:75%;}
.image100 img{width:100%;}
.image75 img{width:75%; margin:0 auto;}
.bold{font-weight:bold;}
.bolder{font-weight: bolder;}
.block{display:inline-block;}
.bb{border-bottom:2px solid #3a2621;}
.pt5{padding-top:5%;}
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pt60{padding-top:60px!important;}
.pt70{padding-top:70px!important;}
.pt80{padding-top:80px!important;}
.pt90{padding-top:90px!important;}
.pt100{padding-top:100px!important;}
.pr-10{padding-right:-10px!important;}
.pr5{padding-right:5px!important;}
.pr1em{padding-right:1em!important;}
.pr2em{padding-right:2em!important;}
.pr3em{padding-right:3em!important;}
.pr10{padding-right:10px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}
.pr50{padding-right:50px!important;}
.pl1em{padding-left:1em!important;}
.pl5{padding-left:5px!important;}
.pl-10{padding-left:-10px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}
.pl50{padding-left:50px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}
.pb60{padding-bottom:60px!important;}
.pb70{padding-bottom:70px!important;}
.pb80{padding-bottom:80px!important;}
.ml-1em{margin-left:-1em!important;}
.ml10{margin-left:10px!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr100{margin-right:100px!important;}
.mt5{margin-top:5%!important;}
.mt5p{margin-top:5px!important;}
.mt6p{margin-top:6px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt30_750{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}
.mt110{margin-top:110px!important;}
.mt120{margin-top:120px!important;}
.mt-10{margin-top:-10px!important;}
.mt-20{margin-top:-20px!important;}
.mt-30{margin-top:-30px!important;}
.mt-40{margin-top:-40px!important;}
.mt-50{margin-top:-50px!important;}
.mt-180{margin-top:-180px!important;}
.mb2{margin-bottom:2%!important;}
.mb5{margin-bottom:5%!important;}
.mb10p{margin-bottom:10%!important;}
.mb5p{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.mt30_0{margin-top:30px!important;}
@media screen and (max-width: 768px) {.mt30_0{margin-top:0px!important;}}
.mt70_0{margin-top:70px!important;}
@media screen and (max-width: 768px) {.mt70_0{margin-top:0px!important;}}
.mt70_40{margin-top:70px!important;}
@media screen and (max-width: 768px) {.mt70_40{margin-top:40px!important;}}
.mt60_40{margin-top:60px!important;}
@media screen and (max-width: 768px) {.mt60_40{margin-top:40px!important;}}
.mt80_40{margin-top:80px!important;}
@media screen and (max-width: 768px) {.mt80_40{margin-top:40px!important;}}

.pl10_0{padding-left:10px!important;}
@media screen and (max-width: 768px) {.pl10_0{padding-left:0px!important;}}
.pl20_0{padding-left:20px!important;}
@media screen and (max-width: 768px) {.pl20_0{padding-left:0px!important;}}

.pt30_0{padding-top:30px!important;}
@media screen and (max-width: 768px) {.pt30_0{padding-top:0px!important;}}

.lh10{line-height:1em!important;}
.lh12{line-height:1.2em!important;}
.lh15{line-height:1.5em!important;}
.lh16{line-height:1.6em!important;}
.lh17{line-height:1.7em!important;}
.lh18{line-height:1.8em!important;}
.lh19{line-height:1.9em!important;}
.lh20{line-height:2em!important;}
.lh25{line-height:2.5em!important;}
.lh30{line-height:3em!important;}
.lh20_17_768{line-height:2em!important;}
@media screen and (max-width: 768px) {.lh20_17_768{line-height:1.7em!important;}}
.lh20_17_960{line-height:2em!important;}
@media screen and (max-width: 960px) {.lh20_17_960{line-height:1.7em!important;}}
@media screen and (max-width: 768px) {.lh20_17_960{line-height:2em!important;}}
.lh20_1717_960{line-height:2em!important;}
@media screen and (max-width: 960px) {.lh20_1717_960{line-height:1.7em!important;}}
@media screen and (max-width: 768px) {.lh20_1717_960{line-height:1.7em!important;}}
.ls0{letter-spacing:0;}
.ls01{letter-spacing:0.1em;}
.mincyo{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3',"Sawarabi Mincho", serif!important;}
.mincyo01{font-family: 'Times New Roman', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', serif!important;}

@media screen and (max-width: 960px) {
.center_from960{text-align: center!important;}
.left_from960{text-align: left!important;}
.mt10_960{margin-top:10px!important;}}
@media screen and (max-width: 768px) {
.center768{text-align: left!important;}
.center_from768{text-align: center!important;}
.left_from768{text-align: left!important;}}
@media screen and (max-width: 750px) {
.center_from750{text-align: center!important;}
.left_from750{text-align: left!important;}
.right_from750{text-align:right;}
.mt30_750{margin-top:0px!important;}
.pt15_750{padding-top:15px!important;}}
@media screen and (max-width: 550px) {
.left_from550{text-align: left!important;}}
@media screen and (max-width: 480px) {
.center_from480{text-align: center!important;}
.text_right480{text-align: center!important;}
.left_from480{text-align: left!important;}
.right_left480{float:left!important;}}


.wraper0{width:100%; margin:0 auto; display:inline-block; position:relative;}
.wraper_header{width:100%; margin:0 auto; position:relative;}
.wraper_flex{
	width:100%;
	margin:0 auto;
	display:flex;
	display: -webkit-box;/* この辺が*/
	display: -webkit-flex;/*Android2.3~とか*/
	display: -ms-flexbox; /*IE9~用*/
	display: flex;/*最新のブラウザのみであればflexだけでもよいかも*/
	align-items: baseline;
	flex-direction: row;
}

.wraper_flexbaseline,.wraper_flexbaseline_750{
	width:100%;
	margin:0 auto;
	display:flex;/*最新のブラウザのみであればflexだけでもよいかも*/
	display: -webkit-box;/* この辺が*/
	display: -webkit-flex;/*Android2.3~とか*/
	display: -ms-flexbox; /*IE9~用*/
	align-items: flex-start;
}

.flexbox{
	display:-webkit-box;/*上下の順番入れ替え　※採用ページのポイント２*/
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.wraper_flex960,.wraper_flex768,.wraper_flex750{
	width:100%;
	margin:0 auto;
	display:flex;/*最新のブラウザのみであればflexだけでもよいかも*/
	display: -webkit-box;/* この辺が*/
	display: -webkit-flex;/*Android2.3~とか*/
	display: -ms-flexbox; /*IE9~用*/
}

/*flex、center*/
@media screen and (max-width: 960px) {
.wraper_flex,.wraper_flex960,.wraper_flexbaseline{flex-direction: column;}
.order960_1 {order: 1;}
.order960_2 {order: 2;}
.order960_3 {order: 3;}
.order960_4 {order: 4;}
.order960_5 {order: 5;}
.center_960{margin:0 auto; float:none!important; padding:0;}
}
@media screen and (max-width: 768px) {
.wraper_flex768,.flex_and{flex-direction: column; margin:0 auto}
.order768_1 {order: 1;}
.order768_2 {order: 2;}
.order768_3 {order: 3;}
.order768_4 {order: 4;}
.order768_5 {order: 5;}
.center_768{margin:0 auto; float:none!important;}
}
@media screen and (max-width: 750px) {
.wraper_flex750{flex-direction: column; margin:0 auto}
.wraper_flexbaseline_750{flex-direction: row-reverse; margin:0 auto}
.center_750{margin:0 auto; float:none!important;}
.order750_1 {order: 1;}
.order750_2 {order: 2;}
.order750_3 {order: 3;}
.order750_4 {order: 4;}
.order750_5 {order: 5;}
.order750_6 {order: 6;}
}
@media screen and (max-width: 480px) {
.order480_1 {order: 1;}
.order480_2 {order: 2;}
.order480_3 {order: 3;}
.order480_4 {order: 4;}
.order480_5 {order: 5;}
.center_480{margin:0 auto; float:none!important;}
}

/*これを追加float解除*/
.wraper0:after,.clear,.wraper_flex:after,.wraper_flex750:after,.wraper_flex768:after,.wraper_flexbaseline:after,.left:after,.right:after,.orangeback:after,.wraper_divmenu:after,.header-wrap:after {
  content: '';
  display: table;
  clear: both;
}

.div50_750{width:46%; float:left; margin:2%;}
@media screen and (max-width: 750px) {
.div50_750{width:100%; float:left; margin:10px auto;}}

.div50_480{width:48%; float:left; margin:1%;}
@media screen and (max-width: 480px) {
.div50_480{width:100%; float:left; margin:10px auto;}}

/* 【未使用】※左右の順番入れ替え */
.max768_50left{width:46%; float:left; margin:2% 2% 2% 0; text-align: left;}
.max768_50right{width:50%; float:left; margin:2% 0 2% 2%; text-align: left;}
.max768_55{width:53%; float:left; margin:1%; text-align: left;}
.max768_45{width:43%; float:left; margin:1%; text-align: left;}
@media screen and (max-width: 768px) {	
#wraper_div_company01{width:85%;}
.max768_50left,.max768_50right{width:100%; float:left; margin:0 0 4%; text-align: left;}
.max768_55,.max768_45{width:100%; float:left; margin:0 0 4%; text-align: left;}
}

/* 【メニューページ：生ハム食べ放題】※左右の順番入れ替え */
.max750_50left{width:48%; float:left; margin:2% 2% 2% 0; text-align: left;}
.max750_50right{width:48%; float:left; margin:2% 0 2% 2%; text-align: left;}
@media screen and (max-width: 750px) {	
#wraper_div_company01{width:85%;}
.max750_50left,.max750_50right{width:100%; float:left; margin:0 0 4%; text-align: left;}
}

/*---------------------------------
幅
--------------------------------*/
.post100{width:100%; margin:0 auto; max-width:1100px;}
.post95all{width:95%; margin:0 auto;}
.post90all{width:90%; margin:0 auto; max-width:1200px;}
.post90{width:90%; margin:0 auto; max-width:1200px;}
.post90sp{width:90%; margin:0 10% 0 0; max-width:1200px;}
.post90_news{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}
.post88{width:90%; margin:0 auto; max-width:1200px;}/* どの幅でも88%統一 */
@media screen and (max-width: 960px) {.post88{width:88%;}}
@media screen and (max-width: 480px) {.post88{width:90%;}}
.post80_about{width:90%; margin:0 auto; max-width:1200px;}
@media screen and (max-width: 960px) {.post80_about{width:96%; margin:0 auto; max-width:1200px;}}
.post80all{width:80%; margin:0 auto; max-width:1200px;}/* どの幅でも80%統一 */
.post80_houmotu{width:93%; margin:0 auto; max-width:1200px;}/* どの幅でも統一 */
.post80_blog{width:88%; margin:0 auto; max-width:650px;}/* どの幅でも統一 */
.post85{width:85%; margin:0 auto; max-width:1100px;}
.post90_768_80{width:90%; margin:0 auto; max-width:1200px;}
@media screen and (max-width: 768px) {.post90_768_80{width:80%;}}
.post90_768{width:90%; margin:0 auto; max-width:1200px;}
.post90_1200{width:90%; margin:0 auto; max-width:1200px;}
.post90_1100{width:90%; margin:0 auto; max-width:1100px;}
.post90_1100_768100{width:90%; margin:0 auto; max-width:1100px;}
@media screen and (max-width: 768px) {.post90_1100_768100{width:100%;}}
.post90_1000{width:90%; margin:0 auto; max-width:1000px;}
.post90_1000_80{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 768px) {.post90_1000_80{width:80%; max-width:500px;}}
.post90_1000_95{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 768px) {.post90_1000_95{width:90%; max-width:500px;}}
.post90_800_80{width:90%; margin:0 auto; max-width:800px;}
@media screen and (max-width: 768px) {.post90_800_80{width:80%; max-width:500px;}}
.post90_900_80{width:90%; margin:0 auto; max-width:900px;}
@media screen and (max-width: 768px) {.post90_900_80{width:80%; max-width:500px;}}
.post90_900_80_550{width:90%; margin:0 auto; max-width:900px;}
@media screen and (max-width: 550px) {.post90_900_80_550{width:80%; max-width:500px;}}
.post90_1000_960{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 960px) {.post90_1000_960{width:80%; max-width:500px;}}

.post90_80_1000{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 768px) {.post90_80_1000{width:80%;}}

.post90_900{width:90%; margin:0 auto; max-width:900px;}
.post90_800{width:90%; margin:0 auto; max-width:800px;}
.post90_740{width:90%; margin:0 auto; max-width:740px;}
.post90_700{width:90%; margin:0 auto; max-width:700px;}
.post90_600{width:90%; margin:0 auto; max-width:600px;}
.post90_500{width:90%; margin:0 auto; max-width:500px;}
.post85_900{width:85%; margin:0 auto; max-width:900px;}
.post85_800{width:85%; margin:0 auto; max-width:800px;}
.post85_600{width:85%; margin:0 auto; max-width:600px;}
.post80_1100{width:80%; margin:0 auto; max-width:1100px;}
.post80_1000{width:80%; margin:0 auto; max-width:1000px;}
.post80_900{width:80%; margin:0 auto; max-width:900px;}
.post80_800{width:80%; margin:0 auto; max-width:800px;}
.post80_700{width:80%; margin:0 auto; max-width:700px;}
.post80_600{width:80%; margin:0 auto; max-width:600px;}
.post80_500{width:80%; margin:0 auto; max-width:500px;}
.post90_500{width:90%; margin:0 auto; max-width:500px;}
.post75_800{width:75%; margin:0 auto; max-width:800px;}
.post70_800{width:70%; margin:0 auto; max-width:800px;}


.post80_850{
	width:80%;
	max-width:850px;
	margin:0 auto;
	padding:0;
}
.post1200{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
}


.post80_top{
	width:90%;
	margin:0 0% 0 10%;
	max-width:1200px;
}
@media screen and (max-width: 1600px){.post80_top{width:90%; margin:0 6% 0 4%;}}

@media screen and (max-width: 1200px){.post80_top{width:95%; margin:0 3% 0 2%;}}
@media screen and (max-width: 820px){.post80_top{width:100%; margin:0 auto;}}

.post80_list{
	width:80%;
	margin:0 auto;
	max-width:1200px;
}
@media screen and (max-width: 1400px){.post80_list{width:90%;}}
@media screen and (max-width: 1000px){.post80_list{width:100%;}}
@media screen and (max-width: 768px){.post80_list{width:88%;}}

.post80,.post80_button,.post80_pankuzu{
	width:80%;
	margin:0 auto;
	max-width:1200px;
}

.post80_menu{
	width:80%;
	margin:0 auto;
	max-width:1200px;
}

.post75{
	width:75%;/* 問い合わせの送信完了*/
	margin:0 auto;
	max-width:900px;
}

.post65{
	width:65%;
	margin:0 auto;
}
@media print {
.post90,.post90_news,.post80_button,.post80_company,.post80,.post80_topenjoy,.post80_showroom,.post80_menu,.post75,.post65,.post80_button02,.post80_list{
	width:90%;
}
}

@media screen and (max-width: 1200px) {.post80_topenjoy{width:100%;}}

@media screen and (max-width: 1060px) {
.post90sp{width:100%; margin:0;}
.post90,.post90_news,.post80_company,.post80_menu,.post80_button{width:96%;}
.post80_button02{width:90%;}
.post75{width:90%;}
}

@media screen and (max-width: 900px) {
.post70_wedding{width:75%;}
}
	
@media screen and (max-width: 768px) {
.post65{width:80%;}
.post90,.post85{width:95%;}
.post90_news{width:90%;}
.post80_company{width:98%;}
.post80_button{width:100%;}
.post80_button02{width:100%;}
.post80_menu,.post70_wedding{width:90%;}
.post85{width:92%; margin:0 auto;}
}
@media screen and (max-width: 750px) {
.post100{width:98%; margin:0 auto;}
.post90sp{width:90%; margin:0 auto;}
.post90_3button{width:80%; margin:0 10%;}
.post80{width:98%; margin:0 1%;}
.post80_pankuzu{width:90%; margin:0 5%;}
}

	
@media screen and (max-width: 700px) {
.post70_wedding{width:97%;}
}

@media screen and (max-width: 480px) {
.post90{width:88%;}
.post65,.post80_button{width:90%; margin:0 auto;}
.post90_news,.post80_menu{width:88%;}
.post85{width:92%; margin:0 auto;}
.post80_button02{width:90%;}
.post75{width:88%;}
.post80_sma{width:80%; margin:0 auto;}
}

/*---------------------------------
TOP以外のヘッダーを100%
--------------------------------*/
.headerspace img{
	width:100%;
	margin-top:0px;
	margin-bottom:0px!important;
}

/*---------------------------------
PCのヘッダー設定
--------------------------------*/
#headbox {
	background-image: url(https://future-earth-lab-mie-u.land-life-climate.jp/wp-content/uploads/header_pc.png);
	background-size:100% auto!important;
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding: 0;
	margin:0;	
}
	

#gazou-wide {
	margin:0;
	width:100%!important;/* ★印刷時のヘッダー画像が100%になる */
}
#gazou-wide img {
	margin: auto;
	width:100%!important;/* ヘッダーを最大化したら画像が左によるので100% */
}

.header-slides-slide img{width:100%!important;}

.wraper_header{
	padding:9% 0 10px 0;
}

.header40{
	width:40%;
	max-width:550px;
	margin:0;
	padding:0 10px 0 2rem;
	position:relative;
}
.header40 p{color:#42210b; font-size:2.6rem;}
.header40 p.ka{font-size:1.5rem;}
@media screen and (max-width: 1510px) {
	.header40 p{color:#42210b; font-size:2.4rem;}
	.header40 p.ka{font-size:1.4rem;}}
@media screen and (max-width: 1410px) {
	.header40 p{color:#42210b; font-size:2.2rem;}
	.header405 p.ka{font-size:1.3rem;}}
@media screen and (max-width: 1290px) {
	.header40 p{color:#42210b; font-size:2.0rem;}
	.header40 p.ka{font-size:1.2rem;}}
@media screen and (max-width: 1080px) {
	.header40 p{color:#42210b; font-size:1.8rem;}
	.header40 p.ka{font-size:1.05rem;}}
@media print {.header40 p{font-size:2.2rem;}}

.header60{
	width:60%;
	margin:0;
	padding:0;
}

.header_menu{
	margin-top:0px;
}

.header_mieuniv_logo{
	position:absolute;
	bottom:15px;
	right:20px;
	width:60px;}
@media screen and (max-width: 1080px) {.header_mieuniv_logo{width:45px;}}

/*--------------------------------
グローバルナビ固定
---------------------------------*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
 	z-index: 1000000;
}


/*--------------------------------
ＰＣグローバルメニュー
---------------------------------*/
/***** ヘッダーメニューの外枠を無効化 *****/

nav.smanone {
	border-top: none;
	border-bottom:none;
	border-left: none;
	border-right:none;
	width:100%;
	margin:0 auto;
	display:block;
	background:none;
	position:relative;
	padding: 0;
	margin:0;

}

/***** ヘッダーメニューの区切り線無効化＆メニュー配置均等 *****/
header .smanone ul,.smanone ul{
	width:auto!important;
	margin:0 auto;/***** ★★★もともと一番上にwidth:100%;があったが消したらメニュー右寄りになった *****/
	text-align:right!important;
	float:left;
	display: flex;/***** 右寄せ *****/
	justify-content: center;/***** 右寄せ *****/
	align-items: center;/***** 右寄せ *****/
	
}
@media screen and (max-width: 1450px) {header .smanone ul,.smanone ul{width:100%;}}
@media screen and (max-width: 1300px) {header .smanone ul,.smanone ul{width:100%;}}
	
	
header .smanone ul.menu li{
	height:3em;
	margin-top:2%;
	margin-bottom:2%;
	padding:0;
	border-right:none;
	width:auto;/* 8コ：12.5% 7ｺ:14% 6コ:16%*/
	display: inline-block;
	line-height: 1.5em;
	text-align:center;
	position:relative;
}

/***** ヘッダーメニュー文字色、大きさ *****/
header .smanone ul.menu li a,.smanone ul.menu li a {
	color:  #42210b;
	font-size:20px;
	line-height:1.5em;
	display:block;
	padding:0 0 5px;
	font-weight:bold;
}
@media screen and (max-width: 1400px) {
header .smanone ul.menu li a,.smanone ul.menu li a  {font-size:20px;}}
@media screen and (max-width: 1100px) {
header .smanone ul.menu li a,.smanone ul.menu li a  {font-size:18px;}}
@media screen and (max-width: 1020px) {
header .smanone ul.menu li a ,.smanone ul.menu li a {font-size:18px;}}

/***** ヘッダーメニューの間隔padding *****/	
header .smanone ul.menu li a,.smanone ul.menu li a {padding:0 30px;}
@media screen and (max-width: 1300px) {header .smanone ul.menu li a,.smanone ul.menu li a {padding:0 20px;}}
@media screen and (max-width: 980px) {header .smanone ul.menu li a,.smanone ul.menu li a {padding:0 15px;}}

header .smanone ul.menu li a:hover{color:#004B29!important;}

/*--------------------------------
スマホヘッダー　最上部
---------------------------------*/
.header-wrap{
	height:70px;
	position:absolute;
	padding: 0;
	margin:0;	
}
.header_sp_name{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index: 90;}

.sma_mieuniv_logo{
	position:absolute;
	top:10px;
	left:10px;
	width:40px;
	z-index: 99;}

.accbox{
	position:absolute; 
	top:10px; 
	right:0; 
	height:50px; 
	width:50px;
	font-size: 20px;
	line-height:20px;
	padding:16px 0;
	background:#0b318d;
	cursor: pointer;
	z-index: 99;
}
.accbox:after{
	content:"";
	position:relative;
}


/*スマホメニュー部分*/
	nav0{
    z-index: 98;
	display: none;
	position: relative;
	width: 100%;
	background-image: url(https://future-earth-lab-mie-u.land-life-climate.jp/wp-content/uploads/smamenu_backtab01.png);
	background-size:100% auto!important;
	background-position:center bottom;
	background-repeat:no-repeat;
	padding: 0;
	margin:0;	
	height:100vh;
	}
@media screen and (max-width: 480px){nav0{background-image: url(https://future-earth-lab-mie-u.land-life-climate.jp/wp-content/uploads/smamenu_backsp01.png);}}

header nav0 ul{
	display: block;
	margin: 80px auto 0;
	width: 30rem;
	text-decoration:none!important;
}

header nav0 ul li{
	margin: 0 auto;
	text-align: left;
	border-bottom: 2px solid #0b318d;
	font-size:15px;
	padding:15px 20px 10px;
	list-style-type:none;
}
header nav0 ul li a{
	color:#471f05;
	font-weight:bold;
	text-decoration:none!important;
	display: block; 
}

header nav0 ul li a:hover{
	color:#0b318d!important;
}

/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 30px;
		height: 30px;
		position: relative;
		top: 0;
		z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 2px;
		background: #fff;
		position:absolute;
		width: 100%;
		left: 11px;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:10px;
	}
	#nav_toggle span:nth-child(3){
		top:20px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

/*--------------------------------
ぱんくず
---------------------------------*/
div#breadcrumb {
	padding: 20px 0 5px;
	margin: 0 0 40px;
	clear: both;
}
@media screen and (max-width:550px){div#breadcrumb {margin: 0 0 20px;}}
/*-----------------------------------
フッター
------------------------------------*/
/*スマホ*/
.sp_footer_ger{margin:-50px 0 0 0; z-index:98;}
.sp_footer_labo{
	position:absolute;
	top:50px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.sp_footer_labo img{width:60px;}


@media screen and (max-width:960px) {.sp_footer_menu {
	background-image: url(https://future-earth-lab-mie-u.land-life-climate.jp/wp-content/uploads/footer_back_sp_cloud.png);
	background-size:100% auto!important;
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding: 0;
	margin:0;
	}}
@media screen and (max-width:960px) {.sp_footer_bottom {background-image: url(https://future-earth-lab-mie-u.land-life-climate.jp/wp-content/uploads/footer_back_sp_mojinasi02.png);}}

.sp_footer_mieuniv img{
	width:50px;
}

/*PC*/
#footer {
	background:none;
	position:relative;
	padding:0;
	margin:0;
}


.footermenu{
	width:100%;
	height:150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc_cloud_left{
	position:absolute;
	top:0;
	left:0;
	width:36%;
	max-width:480px;
	z-index:80;
}
.pc_cloud_right{
	position:absolute;
	top:10px;
	right:0;
	width:20%;
	max-width:320px;
}

#footer .footermenust {
	text-align: center;
	padding:0px!important;
	margin-bottom:5px;
	margin-right:3%;
	float:none!important;
	vertical-align:midddle;
	z-index:99;
	position:relative;
}


footer .footermenust li {
	border-right:none;
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	margin-bottom:10px;
	display:inline-block;
	padding:0 15px;
}


#footer .footermenust a {
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#42210b;
}

#footer .footermenust a:hover {
	color:#0b318d!important;
}

.footer_bottom{
	width:100%;
	height:50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer40{
	width:40%;
	max-width:550px;
	margin:0;
	left:5rem;
	bottom:30px;
	position:absolute;
}
.footer40 p{color:#42210b; font-size:2.6rem;}
.footer40 p.ka{font-size:1.5rem;}
@media screen and (max-width: 1510px) {
	.footer40 p{color:#42210b; font-size:2.4rem;}
	.footer40 p.ka{font-size:1.4rem;}}
@media screen and (max-width: 1410px) {
	.footer40 p{color:#42210b; font-size:2.2rem;}
	.footer40 p.ka{font-size:1.3rem;}}
@media screen and (max-width: 1290px) {
	.footer40 p{color:#42210b; font-size:2.0rem;}
	.footer40 p.ka{font-size:1.2rem;}}
@media screen and (max-width: 1080px) {
	.footer40 p{color:#42210b; font-size:1.8rem;}
	.footer40 p.ka{font-size:1.05rem;}}
@media print {.footer40 p{font-size:2.2rem;}}

.pc_footer_logo{
	position:absolute;
	right:5em;
	bottom:20px;
	width:70px;
}
/*-----------------------------------
スマホのフッターメニュー
------------------------------------*/
ul.side-saiyo{
	margin:0 auto;
	list-style: none;
	width:100%;
}
ul.side-saiyo li{
	border-bottom: none;/* ★★ */
    line-height: 50px;
	font-size: 1.4rem!important;
	padding-left:15px!important;
	padding-right:5px;
	text-align:left!important;
	margin:0;
	width: 50%!important;/* ★★ */
	float:left; /*floatで横並びに*/
}

@media only screen and (max-width: 370px) {ul.side-saiyo li{font-size: 0.8em;}}



ul.side-saiyo li a{
	display:block; 
	color:#000000!important;
	position:relative;
	text-decoration:none;
	font-weight: 700!important;

}

ul.side-saiyo li a:hover{
	text-decoration:none;
	opacity:none;
	color:#AE2B26;
	
}

ul.side-saiyo li a:after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	right: 15px;
	top:0;
	bottom:0;
	margin:auto;
}

ul.side-saiyo:after {
    content: "";/*float解除*/
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 30px;
	right: 30px;
	font-size: 20px;
}

#page-top a {
	text-decoration: none;
	background: none;
	color: #fff;
	padding: 5px 4px;
	text-align: center;
	display: block;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

#page-top a:hover {
	text-decoration: none;
	color: #d68080;
}

#page-top img{width:70px;}
@media screen and (max-width: 1060px) {#page-top img{width:70px;}}	
@media screen and (max-width: 550px) {
	#page-top{right:10px;}
	#page-top img{width:50px;}
}

/*--------------------------------
NEWS（トップのお知らせ）
---------------------------------*/
/*-- トップのニュース --*/
#topnews-box{
	width:100%;
	max-width:800px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#topnews-box dl {
	width:100%;
	margin:0 auto;
	
}

#topnews-box dd {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom:1px solid #aa9857;
	padding-left:10px;
}


#topnews-box div dl dt {
	color: #232323;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
	width:22%;
}

#topnews-box div dl dd a {
	color: #232323;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}

#topnews-box div dl dd a:hover {
	color: #aa2222!important;
	font-weight: bold;
}

.topnews_space{
	margin-top:5%;
}

/* タブレット縦の設定 */
@media screen and (max-width: 768px) {
#topnews-box{
	width:85%;
	margin:0 auto;
	background-image:none;
}

#topnews-box dl {
	width:95%;
	margin:0 auto 7%;
}

#topnews-box div dl dt {
	color: #aa2222;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
	width:100%;
	text-align:left;
	display:block;
}
#topnews-box dd {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom:1px solid #782620;
	padding-left:0;
	display:block;
	text-align:left;
}


#topnews-box div dl dd a {
	color: #18082b;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	width:100%;
	text-align:left;
}

#topnews-box div dl dd a:hover {
	color: #8e7c25;
	font-weight: bold;
}
	
.topnews_space{
	margin-top:0;
}
}

/* スマホの設定 */
@media screen and (max-width: 480px) {
#topnews-box div dl dd a,
#topnews-box div dl dt{
	font-size: 15px;
}
}
@media print{
#topnews-box{margin-top:0px!important}
#topnews-box div dl dt{width: 200px!important;}}


/*---------------------------------
投稿ページ
--------------------------------*/
.newsbox{
	margin:0;
	padding:0;
	font-weight:bold;
	display:flex;
	flex-wrap: wrap;
	gap: 5px 10px; /* 余白 */
}

.kdate time{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif!important;
	color:#3d6033;
}

.cat_area p,.cat_contents p{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:0px 10px 0;
	border-radius:15px;
	font-size:1.4rem;
	height:1.5em;
	line-height:1.5em;
}
.cat_area p{background:#3f89c9;}
.cat_contents p{background:#78b5b5;}

@media screen and (max-width: 550px) {
	.kdate{width:100%; display:block;}
	div.cat_area{margin-left:-10px;}
}
.cat_main{text-align: justify}
.cat_ichiran{
	text-align: center;
	margin:0 auto ;
	padding:0;
}
.cat_illust{
	position:absolute;
	bottom:-20px;
	right:0;
	width:200px;
}
@media screen and (max-width: 768px) {.cat_illust{display:none;}}

a.sitelink-button{
	font-size:1.6rem;
	color:#0071bb;
}
@media screen and (max-width: 480px) {a.sitelink-button{font-size:1.5rem;}}
/*---------------------------------
見出し
--------------------------------*/
.h1none{
	display: none;
}

h1{
	font-size:2.0rem;
	margin:.50em 0 .45em;
}
@media screen and (max-width: 550px) {h1{font-size:1.8rem;}}

.entry-title {
	display: inline-block;
	font-size: 1.8em;
	line-height: 1.5em;
	color:#000;
	text-align: center;
	margin-top:0px;
	margin-bottom: 30px;
	padding-bottom:10px;
	color:#0a0405;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 480px) {
.entry-title {
	font-size: 20px;
	line-height: 35px;
}
}

h2 {
	font-size: 1.9rem;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-weight:bold;
	margin:0;
	padding:0;
	border-top:none;
	border-bottom:none;
	background:none;
	font-family:kozuka-gothic-pro, sans-serif!important;
	font-weight: 700!important;
	font-style: normal!important;
}

@media screen and (max-width: 600px) {h2 {font-size: 1.8rem;}}
@media screen and (max-width: 480px) {h2 {font-size: 1.7rem;}}


}

h2.h2news{
	margin:0;
	padding:0;
	color:#18082b!important;
	background:none!important;
	display:inline-block;
}
@media screen and (max-width: 480px) {
	h2.h2news{font-size: 18px!important;}}


h2.underline{
	font-size: 1.9rem;
	line-height:1.3em;
	position: relative;
	display: inline-block;
	margin:0 0 30px;
	padding:0;
	color:#004B29!important;
	background:none!important;
	border-top:none;
	border-bottom:none;
}

h2.underline:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 3em;
	height: 1px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color:#004B29!important;
	border-radius: 2px;
}
/* スマホの設定 */
@media screen and (max-width: 480px) {
h2.underline{
	font-size: 18px;
	padding-bottom:0;	
	}
h2.underline:before {
	width: 100px;
}
}

/*小見出し*/
.post h3 {
	font-size: 2.0rem;
	line-height: 1.5em;
	color:#000000;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom:none;
	font-family:kozuka-gothic-pro, sans-serif!important;
	font-weight: 700!important;
	font-style: normal!important;
}
@media screen and (max-width: 550px) {.post h3 {font-size: 1.7rem;}}


h3 a {
	color: #333;
	text-decoration: none;
}


.post h3.underline{
	font-size: 2.0rem;
	line-height:1.5em;
	position: relative;
	display: inline-block;
	margin:0;
	padding:0;
	color:#004B29;
	background:none!important;
	border-top:none;
	border-bottom:none;
}

.post h3.underline:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 50px;
	height: 2px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color:#004B29!important;
	border-radius: 2px;
}
/* スマホの設定 */
@media screen and (max-width: 480px) {
.post h3.underline{
	font-size:1.7rem;
	padding-bottom:0;	
	}}

dd h3 {
	line-height: 1.5em;
}

dd h3 a {
	color: #aa9857;
	text-decoration: none;
	font-size:16px;
}



/*--------------------------------
★postとfooterの空白
---------------------------------*/
.post{padding-bottom:0px;}

/*--------------------------------
NEWS（トップのお知らせ）
---------------------------------*/
/*-- トップのニュース --*/
#blog-box{
	width:100%;
	max-width:850px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#blog-box dl {
	width:100%;
	margin:0 auto;
}

#blog-box dt {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom:none;
	padding-left:10px;
	float: left;
	width: 30%;
}
@media screen and (max-width: 750px) {#blog-box dt {width: 40%;}}
	
#blog-box dt img {
	width: 100%;
}

#blog-box dd {
	padding-left: 35%;
	padding-top:5%;
}
@media screen and (max-width: 750px) {#blog-box dd {padding-left: 45%; padding-top:0;}}

#blog-box dl p {
	margin-bottom: 0px;
}

#blog-box dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #B3B3B3;
}

#blog-box dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}

#blog-box div dl dd a {
	color: #232323;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	line-height:1.5em;
	font-size:1.6rem;
}

#blog-box div dl dd a:hover {
	color: #B3B3B3!important;
	font-weight: bold;
}

/* スマホの設定 */
@media screen and (max-width: 480px) {
#blog-box div dl dd a,
#blog-box div dl dt,#blog-box div dl dd h3{font-size: 1.4rem; line-height:1.5em!important;}
#blog-box div dl dd p{font-size: 12px;}}

@media print{
#blog-box{margin-top:0px!important}
#blog-box div dl dt{width: 200px!important;}}

.blog55{
	width:51%;
	margin:1%;
	padding:0;
	float:left;		
}
.blog45{
	width:43%;
	margin:1% 2%;
	padding:0;
	float:left;		
}
@media screen and (max-width: 960px) {.blog55,.blog45{width:48%; margin:1%;}}
@media screen and (max-width: 750px) {
	.blog55,.blog45{
		width:100%;
		margin:0 auto;
		float:none;
	}}


div iframe{
	position:relative;
	overflow:hidden;
}


/*--　会社概要  --*/
.table_02{
	width: 100%!important;
	border-collapse: collapse;
	margin:0 auto;
	border:none!important;
}

.table_02 th{
	width: 17%;
	padding: 5px;
	margin:0;
	text-align: left;
	vertical-align: top;
	color:#000000!important;
	background-color: none;
	border-top: none;
	border-bottom: none;
	border-left: none;
}
.table_02 td,.table_02 td a{
	padding: 5px 0 5px 5px;
	margin:0;
	color:#000000!important;
	background-color: none;
	border-bottom: none;
	border-left:none;
	border-right:none;
	text-align: left;
	vertical-align:top;
}
.table_02 th,.table_02 td{
	font-size:18px!important;
	line-height:1.6em!important;}


@media screen and (max-width: 768px) {
	.table_02 th,.table_02 td{font-size:18px!important;}}

@media screen and (max-width: 750px) {
.table_02{
	width:60%!important;
	margin:0 auto;}}
@media screen and (max-width:600px) {.table_02{width:84%!important;}}
@media screen and (max-width: 480px) {
	.table_02{width:90%!important;}
	.table_02 th,.table_02 td{font-size:15px!important;}}
@media print {.table_02 th,.table_02 td{font-size:14px!important;}}

.goldback{
	width:100%;
	margin:0;
	padding:0;
	background:#aa9857;
}

/* 斜めの線で囲む */
p.naname,p.naname_white,p.naname_brown{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	text-align:center;
	color:#000000;
	font-size:1.5rem;
	line-height:1.3em;
	font-weight:bold;
}
p.naname:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 1px;
	color:#000000!important;
	background-image : linear-gradient(to right, #000 3px, transparent 3px);
 background-size: 20px 3px;
 background-repeat: repeat-x; 
	background-color: black;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

p.naname:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 1px;
	color:#000000!important;
	background-color: black;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
p.naname:before,p.naname_white:before,p.naname_brown:before {left:0;}
p.naname:after,p.naname_white:after,p.naname_brown:after {right: 0;}


/* 白色の場合 */
p.naname_white:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 1px;
	color:#ffffff!important;
	background-color: white;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
p.naname_white:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 1px;
	color:#ffffff!important;
	background-color: white;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

/* 茶色の場合 */
p.naname_brown{
	color:#42210b;
	font-size:1.6em;
	line-height:1.3em;
	font-weight:bold;
}

p.naname_brown:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 1px;
	color:#42210b!important;
	background-color: black;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

p.naname_brown:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 1px;
	color:#42210b!important;
	background-color: black;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

@media screen and (max-width: 480px) {
p.naname,p.naname_white,p.naname_brown{
	padding: 0 50px;
	font-size:19px;
	line-height:1.3em;
	}
p.naname:before,p.naname_white:before,p.naname_brown:before{
	-moz-transform: rotate(70deg);
	-webkit-transform: rotate(70deg);
	-ms-transform: rotate(70deg);
	transform: rotate(70deg);
}
p.naname:afterp,p.naname_white:after,p.naname_brown_after {
	-moz-transform: rotate(-70deg);
	-webkit-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	transform: rotate(-70deg);
}
}
@media screen and (max-width: 430px) {
p.naname,p.naname_white,p.naname_brown{
	font-size:17px;
	}}

@media screen and (max-width: 374px) {
p.naname_brown{
	font-size:15px;
	}}

/*---------------------------------
幅調整
--------------------------------*/
.width800{width:100%; max-width:800px; margin:0 auto; padding:0;}
.width700{width:100%; max-width:700px; margin:0 auto; padding:0;}
.width450{width:100%; max-width:450px; margin:0; padding:0;}
.width400{width:100%; max-width:400px; margin:0 auto; padding:0;}
.width350{width:100%; max-width:350px; margin:0 auto; padding:0;}

.width10{width:10%; padding:0; margin:0;}
.width20{width:20%; padding:0; margin:0;}
.width25{width:25%; padding:0; margin:0;}
.width30{width:30%; padding:0; margin:0;}
.width40{width:40%; padding:0; margin:0;}
.width43{width:43%; padding:0; margin:0;}
.width45{width:45%; padding:0; margin:0;}
.width50{width:50%; padding:0; margin:0;}
.width55{width:55%; padding:0; margin:0;}
.width60{width:60%; padding:0; margin:0;}
.width70{width:70%; padding:0; margin:0;}
.width75{width:75%; padding:0; margin:0;}
.width80{width:80%; padding:0; margin:0;}
.width90{width:90%; padding:0; margin:0;}


.width30_960{width:30%; padding:0; margin:0;}
.width70_960{width:70%; padding:0; margin:0;}
@media screen and (max-width: 960px) {
	.width30_960{width:90%; padding:0; margin:0;}
	.width70_960{width:90%; padding:0; margin:0;}}


.width30_768{width:30%; padding:0; margin:0;}
.width35_768{width:35%; padding:0; margin:0;}
.width40_768{width:40%; padding:0; margin:0;}
.width40_768_100{width:40%; padding:0; margin:0;}
.width43_768{width:43%; padding:0; margin:0;}
.width45_768{width:45%; padding:0; margin:0;}
.width45_768_100{width:45%; padding:0; margin:0;}
.width50_768{width:50%; padding:0; margin:0;}
.width50_768_100{width:50%; padding:0; margin:0;}
.width55_768{width:55%; padding:0; margin:0;}
.width60_768{width:60%; padding:0; margin:0;}
.width65_768{width:65%; padding:0; margin:0;}
.width70_768{width:70%; padding:0; margin:0;}
@media screen and (max-width: 768px) {
	.width30_768{width:90%; padding:0; margin:0 auto;}
	.width35_768{width:90%; padding:0; margin:0 auto;}
	.width40_768{width:90%; margin:0 auto;}
	.width40_768_100{width:98%; margin:0 auto;}
	.width43_768{width:90%; margin:0 auto;}
	.width45_768{width:90%; margin:0 auto;}
	.width45_768_100{width:98%; margin:0 auto;}
	.width50_768{width:90%; margin:0 auto;}
	.width50_768_100{width:98%; margin:0 auto;}
	.width55_768{width:90%; margin:0 auto;}
	.width60_768{width:90%; margin:0 auto;}
	.width65_768{width:90%; margin:0 auto;}
	.width70_768{width:90%; padding:0; margin:0;}}

/*---------------------------------
ボタン
--------------------------------*/
/*小*/
#button {
	display:block;
	width: 180px;
	height: 45px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	font-family: "Font Awesome 5 Free";
	border-radius:20px;
	font-size:1.6rem;
	margin:0 auto;
}
#button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#button,
#button::before,
#button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*大*/
#button_big {
  display: block;
	width: 200px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	float:left;
}
#button_big::before,
#button_big::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#button_big,
#button_big::before,
#button_big::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.blue{background-color: #3f89c9; border: 2px solid #3f89c9; color: #fff; font-weight:bold;}
.blue:hover {background-color: #fff; border-color: #3f89c9; color: #3f89c9!important;}

.b_blue{background-color: #2082c0; border: 2px solid #2082c0; color: #fff; font-weight:bold;}
.b_blue:hover {background-color: #fff; border-color: #3f89c9; color: #3f89c9!important;}

.green {background-color: #6bdbab; border: 2px solid #6bdbab; color: #fff;}
.green:hover {background-color: #fff; border-color: #6bdbab; color: #6bdbab;}
.pink {background-color: #f9897a; border: 2px solid #f9897a; color: #fff;}
.pink:hover {background-color: #fff; border-color: #f9897a; color: #f9897a;}
.gray {background-color: #333333; border: 2px solid #333333; color: #fff;}
.gray:hover {background-color: #004B29; border-color: #004B29; color: #fff;}

@media screen and (max-width: 960px) {
	#button_brown,#button_brown_mini{margin:3% auto;}
}

/*---------------------------------
各ヘッダー
--------------------------------*/
h1.toplogo{
	position:absolute;
	z-index:100;
	text-align:left;
	font-size:38px;
	line-height:2em;
	letter-spacing:0.02em;
	top: 50%;
	left: 10%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin:0;
	padding:0
}
@media screen and (max-width: 1200px) {h1.toplogo{font-size:34px;}}
@media screen and (max-width: 768px) {h1.toplogo{font-size:30px;}}
@media screen and (max-width: 480px) {h1.toplogo{font-size:24px;}}

h1.toplogo span{
	font-size:0.4em;
	display: block;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	margin:0;
	line-height:1em;
}

/*---------------------------------
トップページ
--------------------------------*/
.flex_center{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.flex_center_hasi{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.flex_center_center{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.flex_top{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap:wrap;
}

.flex_top_haba{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
}

.flex_end{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap:wrap;
}

.flex_hasi{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.row-gap20{row-gap:20px;}
.row-gap30{row-gap:30px;}
.mt0_30_600{margin-top:0!important;}
@media screen and (max-width: 600px) {.mt0_30_600{margin-top:30px!important;}}
.mt0_20_768{margin-top:0!important;}
@media screen and (max-width: 768px) {.mt0_20_768{margin-top:20px!important;}}
.mt0_30_768{margin-top:0!important;}
@media screen and (max-width: 768px) {.mt0_30_768{margin-top:30px!important;}}
.mt0_40_768{margin-top:0!important;}
@media screen and (max-width: 768px) {.mt0_40_768{margin-top:40px!important;}}
.mt0_50_768{margin-top:0!important;}
@media screen and (max-width: 768px) {.mt0_50_768{margin-top:50px!important;}}
.pb60_0{padding-bottom:60px!important;}
@media screen and (max-width: 768px) {.pb60_0{padding-bottom:0px!important;}}

.spacearound{justify-content: space-around;}

.company50,.company50_768_80,.company50_768_85,.company50_768_90,.company50_768_100{
	width:46%;
	float:left;
	margin:2%;
}
@media screen and (max-width: 768px) {
	.company50_768_80{width:80%; float:none; margin:0 auto 30px;}
	.company50_768_85{width:85%; float:none; margin:0 auto 30px;}
	.company50_768_90{width:90%; float:none; margin:0 auto 30px;}
	.company50_768_100{width:100%; margin:0 auto 30px;}
	.company50_768_80:last-child{width:80%; float:none; margin:0 auto;}
	.company50_768_85:last-child{width:85%; float:none; margin:0 auto;}
	.company50_768_90:last-child{width:90%; float:none; margin:0 auto;}
	.company50_768_100:last-child{width:100%; margin:0 auto;}}
@media screen and (max-width: 750px) {
	.company50{width:90%; float:none; margin:15px auto;}
	.company50_access{width:90%; float:none; margin:0 auto;}}
@media screen and (max-width: 370px) {
	.company50_access{width:100%; float:none; margin:0 auto;}}

#text-wrap {
    height: 100%;
    display: block;
    margin: 0 auto;
    padding: 70px 0;
}
 
.hide-text {
    display: none;
}
 
 
button.readmore {
    position: relative;
    height: 80px;
    width: 90px;
    margin: 40px auto;
    display: block;
    background-color: transparent;
    color: #666;
    padding-bottom: 40px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore::after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: solid 3px #666;
    border-right: solid 3px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 28px;
    top: 25px;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore:hover::after {
    top: 40px;
}
 
.on-click {
    color: transparent!important;
}
 
.on-click {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.blueback{
	background:#e8fbfc;
	width:100%;
	margin:0 auto;
	padding:0;
}

h2.normal,h1.normal {
	font-size: 26px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-weight:bold;
	margin:0;
	padding:0;
	border-top:none;
	border-bottom:none;
	background:none;
}

@media screen and (max-width: 600px) {h2.normal,h1.normal {font-size: 20px;}}
@media screen and (max-width: 480px) {h2.normal,h1.normal {font-size: 20px;}}

h2.normal_ronbun {
	font-size: 24px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-weight:bold;
	margin:0;
	padding:0;
	border-top:none;
	border-bottom:none;
	background:none;
}
@media screen and (max-width: 600px) {h2.normal_ronbun {font-size: 20px;}}
@media screen and (max-width: 480px) {h2.normal_ronbun {font-size: 18px;}}

.icon_blue img{
	text-align:center;
	margin:0 auto;
}

.top_illust_2people{
	position:absolute;
	bottom:30px;
	left:0;
	width:200px;
}
@media screen and (max-width: 768px) {.top_illust_2people{display:none;}}

.top_illust_news{width:100%;}

.top_hyozan01{
	position:absolute;
	top:160px;
	right:0;
	width:50%;
	max-width:630px;
}
.top_hyozan01 img{margin:0;}
@media screen and (max-width: 768px) {
	.top_hyozan01{
		top:40%;
		right:-10%;
		width:95%;
		max-width:650px;}}
@media screen and (max-width: 550px) {.top_hyozan01{top:50%;}}

.top_hyozan02{
	position:absolute;
	bottom:0px;
	left:0;
	width:40%;
	max-width:540px;
}
@media screen and (max-width: 768px) {.top_hyozan02{width:50%;}}

.top_drone{
	position:absolute;
	bottom:-100px;
	right:-15%;
	width:40%;
	max-width:170px;
}
@media screen and (max-width: 768px) {
	.top_drone{
		right:-10%;
		width:35%;
	}}
		
/*-----------------------------------
ニュースページ
------------------------------------*/
/*-- 横並び化&関連記事ブロックのサイズ調整 --*/

.syukyaku{
	width:100%;}

.syukyaku ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
    padding: 0;
    list-style: none;
    overflow:hidden;
    zoom:1;
	margin:0 1.6% 60px;
	
}
.syukyaku ul li{
	display:flex;
	flex-direction:column;
	width:30%;
	margin-bottom:30px;
}
.syukyaku ul li h5{flex-grow:1;}

/*-- 画像サイズの調整 --*/
.syukyaku .related-article-thumb {
	overflow: hidden;
    margin-bottom:10px;
}
.syukyaku .related-article-thumb img{
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
}

/*-- 文字色と文字サイズの調整 --*/
.syukyaku .related-article-title h5 {
	font-size: 1.5rem !important;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	text-align:left;
	line-height:1.6em !important;
}
.syukyaku .related-article-title h5 a {
	color: #2b2b2b;
	text-decoration: none;
	line-height:1.6em;
	
}

.syukyaku .related-article-title h6 {
	font-size: 14px !important;
	font-weight: bold;
	padding: 0;
	margin:0;
	line-height:1.6em;
	color:#3f89c9;
}

.syukyaku .related-article-title .bassui{
	font-size: 1.3rem !important;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height:1.5em !important;
}



.syukyaku .related-article-title h5 a:hover {
	color: #bbb!important;
}

.more-link{
	font-size: 12px;
	margin-top:-5px;
}
	

.topnewsbox{
	margin:0;
	padding:0;
	font-weight:bold;
	display:flex;
	flex-wrap: wrap;
	gap: 5px 10px; /* 余白 */
}

.top_area,.top_contents{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:0px 10px 0;
	border-radius:15px;
	font-size:1.3rem;
	height:1.5em;
	line-height:1.5em;
}
.top_area:empty,.top_contents:empty {
	background:#ffffff;
}
.top_area{background:#3f89c9;}
.top_contents{background:#78b5b5;}
@media screen and (max-width: 550px) {.top_area,.top_contents{font-size:1.15rem;}}
/*--------------------------------
スマホのTOPNEWS
---------------------------------*/
.smanews {
	padding-top: 10px;
}

.smanews dt {
	float: left;
	width: 35%;
}

.smanews dt img {
	width: 100%;
}

.smanews dd {
	padding-left:38%;
}

.smanews dl {
	margin-bottom: 30px;
}
.smanews .clearfix dd h5{line-height:1.5em!important;}
.smanews .clearfix dd h5 a {
	color: #000;
	text-decoration: none;
	font-size:1.5rem;
	line-height:1.5em!important;
}
.smanews .clearfix dd h5 a:hover {color: #bbb!important;}
@media screen and (max-width: 550px) {
	.smanews .clearfix dd h5{font-size:1.3rem!important;}
	.smanews .clearfix dd h5 a{font-size:1.3rem!important;}}


.smanews .clearfix dd h6 {
	color: #1689ce;
	font-size:1.2rem;
}

.button4{
	width:22%;
	margin:0 auto;
	padding:0;
}
@media screen and (max-width: 960px) {.button4{width:45%;}}
@media print {.button4{width:22%;}}



button.column{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	background:#004B29;
  color:#fff;
  border:none;
  position:relative;
  height:50px;
  font-size:1.5em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
button.column:hover{
  background:#fff;
  color:#004B29;
}
button.column:before,button.column:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #004B29;
  transition:400ms ease all;
}

button.column:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
button.column:hover:before,button.column:hover:after{
  width:100%;
  transition:800ms ease all;
}





.post h3.shoppingguide {
	font-size: 1.7rem;
	font-weight:bold;
}
@media screen and (max-width: 550px) {.post h3.shoppingguide {font-size: 1.5rem;}}

h2.big{font-size:3.0rem;}

/*--------------------------------
研究活動
---------------------------------*/
.archive_grobe{
	position:absolute;
	top:-80px;
	right:0;
	width:20%;
	max-width:170px;
}

.kansin{
	background-image:url(https://future-earth-lab-mie-u.land-life-climate.jp/wp-content/uploads/pink01.png),
					url(https://future-earth-lab-mie-u.land-life-climate.jp/wp-content/uploads/pink02.png);
	background-position:left 0px center,right 0px center;
	background-repeat: no-repeat,no-repeat;
	width:100%;
	margin:0 auto;
	padding:10px;
}
.kansin p{font-size:1.6rem;}
@media screen and (max-width:768px) {.kansin p{font-size:1.6rem;}}
@media screen and (max-width:550px) {.kansin p{font-size:1.4rem; line-height:1.4em;}}

.cat_ichiran_area{
	width:80%;
	max-width:370px;
	margin:0 auto;
}

.cat_ichiran_area p{
	position:absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	color:#fff;
}

.width_area{width:22%; padding:0; margin:0;}
@media screen and (max-width:550px) {.width_area{width:48%; padding:0; margin:0;}}
/*--------------------------------
pagenavi　デザイン変更
---------------------------------*/
.wp-pagenavi {/* 全体 */
    margin: 20px 0;
    font-size: 12px;
}
.wp-pagenavi a {/* フォント色 */
    color: #4a4a4a;
}
.pages {/* 左の表記 */
    margin-right: 20px;
}
.wp-pagenavi .current,
.wp-pagenavi a.page {/* ボタン */
    margin: 0 6px 6px 0;
    display: inline-block;
    border: solid 1px #eee;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}
.wp-pagenavi .current {/* カレント数字 */
    border: none;
    background: #333;
    color: #fff;
}
.wp-pagenavi a.page:hover {/* マウスオーバー */
    background: #333;
    color: #fff!important;
}

.wp-pagenavi .first,
.wp-pagenavi .extend {/* ... */
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {/* 記号の削除 */
    display: none;
}

/*--------------------------------
メンバー
---------------------------------*/
.memberback{
	padding:50px 30px 30px;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}
@media screen and (max-width:550px) {.memberback{padding:30px 15px 20px;}}
.m_blueback{background:#e7fafb;}

h3.member{
	font-size: 2.2rem;
	line-height:1.6em;
	text-align:center;
	position: relative;
	display:block;
	margin:0;
	padding:0;
	color:#000000;
	font-weight:bold;
	background:none!important;
	border-top:none;
	border-bottom:none!important;
}
@media screen and (max-width:550px) {h3.member{font-size:2.0rem;}}
hr.blue_line{width:70px; border-top: 3px solid #3f88c8; border-bottom:none; margin:0 auto; padding:0;}
hr.green_line{width:70px; border-top: 3px solid #35a972; border-bottom:none; margin:0 auto; padding:0;}
hr.brown_line{width:70px; border-top: 3px solid #8c8462; border-bottom:none; margin:0 auto; padding:0;}

h4.member{font-size:2.0rem; line-height:1.5em; padding:0; margin:0;}
h4.member span{font-size:5.0rem; line-height:1em; padding:0; margin:0;}
@media screen and (max-width:550px) {h4.member{font-size:1.8rem;} h4.member span{font-size:4.0rem;}}

h5.studytheme{font-size:1.6rem; line-height:1.3em; color:#3f88c8; border-bottom:2px solid #3f88c8; padding:0; margin:0 0 10px;}
	
/*--　所属人数  --*/
.table_03{
	width: 100%!important;
	border-collapse: collapse;
	margin:0 auto;
	font-size: 1.6rem;
	border-top:1px solid #333333!important;
	border-right:1px solid #333333!important;
}

table.table_03 thead th{
	background:#f1f1f1;
}

.table_03 th{
	width: 10em;
	padding: 10px;
	margin:0;
	text-align: center;
	vertical-align: top;
	color: #000000;
	background-color: #f2f2f2;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	font-size: 17px;
	line-height:1.7em!important;
	font-weight: normal;
	
}
.table_03 td{
	padding: 10px;
	margin:0;
	width: calc(100% - 10em);
	background-color: #fff;
	border-bottom: 1px solid #333;
	border-left:1px solid #333;
	text-align: left;
	vertical-align:middle;
	font-size: 1.6rem!important;
	line-height:1.6em!important;
	color: #000000;
}
.table_03 td p{font-size: 1.6rem!important; line-height:1.5em!important;}

@media screen and (max-width: 750px) {
.table_03{
	width:94%!important;
	border-collapse: collapse;
	margin:0 auto;
	line-height:1.5em!important;
}
table.table_03 thead{display:none;}	
.table_03 td p{font-size: 15px!important; line-height:1.5em!important;}
.table_03 th{font-weight:bold!important;}		
.table_03 th,.table_03 td{
	display:block;
	width: 100%;
	padding: 10px;
	margin:0;
	text-align: center;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	}}
@media screen and (max-width: 480px) {
	.table_03 td{font-size: 14px!important; line-height:1.5em!important;}
	}

.left_center{text-align:left!important;}
@media screen and (max-width: 750px) {.left_center{text-align:center!important;}}
@media screen and (max-width: 480px) {.left_center{text-align:left!important;}}

/*---------------------------------
教育
--------------------------------*/
h3.eduxation{
	font-size: 2.2rem;
	line-height:1.6em;
	text-align:center;
	position: relative;
	display:block;
	margin:0;
	padding:0;
	font-weight:bold;
	background:none!important;
	border-top:none;
	border-bottom:none!important;
}
@media screen and (max-width:550px) {h3.eduxation{font-size:1.9rem;}}

.blue_whiteback{background: linear-gradient(90deg, #e7fafb 0%, #e7fafb 65%, #fff 65%, #fff 100%);}
@media screen and (max-width: 768px) {.blue_whiteback{background: linear-gradient(180deg, #e7fafb 0%, #e7fafb 75%, #fff 75%, #fff 100%);}}
@media screen and (max-width: 488px) {.blue_whiteback{background: linear-gradient(180deg, #e7fafb 0%, #e7fafb 85%, #fff 85%, #fff 100%);}}

.pr3_0{padding-right:3em;}
@media screen and (max-width: 768px) {.pr3_0{padding-right:0;}}

.pt30_40{padding-top:30px;}
@media screen and (max-width: 768px) {.pt30_40{padding-top:40px;}}

#text-wrap {
    height: 100%;
    display: block;
    margin: 0 auto;
    padding: 70px 0;
}
 
.hide-text {
    display: none;
}
 
 
button.readmore {
    position: relative;
    height: 80px;
    width: 90px;
    margin: 40px auto;
    display: block;
    background-color: transparent;
    color: #666;
    padding-bottom: 40px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore::after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: solid 3px #666;
    border-right: solid 3px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 28px;
    top: 25px;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore:hover::after {
    top: 40px;
}
 
.on-click {
    color: transparent!important;
}
 
.on-click {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

/*---------------------------------
リンク
--------------------------------*/
h3.link{
	font-size: 1.8rem;
	line-height:1.6em;
	text-align:left;
	position: relative;
	display:block;
	margin:25px 0 0;
	padding:0 0 0 8px;
	font-weight:bold;
	background:none!important;
	border-top:none;
	border-bottom:none!important;
	border-left:10px solid #24388e;
}
@media screen and (max-width:550px) {h3.link{font-size:1.6rem;}}


p.link{margin:15px 0 0px 1.3em;}
p.link02{margin:0px 0 15px 1.3em;}

/*---------------------------------
教育の担当講義
--------------------------------*/
.accordion-container {
  position: relative;
  width: 100%;
  border: 1px solid #fff;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .accordion-title {
	display: block;
	position: relative;
	margin: 0;
	padding: 0.7em 0.625em 0.7em 2em;
	font-size: 1.6em;
	font-weight: normal;
	color: #fff;
	background: #3f89c9;
	cursor: pointer;
	letter-spacing:0.1em;
	border-bottom:1px solid #fff;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  background-color: #78b5b5;
  color: #fff;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.accordion-title{
  position: relative;
}

.accordion-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
	display:none;
	padding:0 1em 2em 2.3125em;
}
@media screen and (max-width:768px) {.accordion-content {padding:0 0em 2em 0.5em;}}


.accordion-content a {color: #0071BC;}
.accordion-content a:hover {color: #bbb!important;}
.accordion-content p{margin:15px 0 10px 1.3em;}

/* CSS for CodePen */
.accordion-container {
	width:100%;
	max-width: 800px;
	margin:0 auto;
}