@charset "UTF-8";

/* アクセシビリティ用
====================================================*/
.noScript, a.skip {
	text-align:center
}
.skip, a.skip {
	background-color:#FFF
}
.skip {
	width:1px;
	color:#000;
	font-size:.1%;
	line-height:.1;
	position:absolute;
	left:-3000px;
	z-index:9999
}
a.skip {
	padding:2px 0;
	top:auto
}
a.skip:active, a.skip:focus, a.skipShow {
	position:relative;
	display:block;
	width:99.99%;
	left:auto;
	background:#333;
	color:#FFF;
	font-size:100%;
	line-height:1.6;
}

/* ベース
====================================================*/
header {
  position:relative;
  z-index:100;
	width:100%;
	box-shadow:0px 4px 8px 0px rgba(74, 85, 99, 0.2);
}
.headWrap {
  color:#222
}
#headNav{
  font-weight:bold
}
.gNav a,.subNav a{
  display:block;
  color:#222
}
.gNav [class^="nav"] a:hover,.gNav [class^="nav"] span:hover,.gNav [class^="nav"] span:hover a,.subNav a:hover{
  background:#238251;
  color:#FFF;
  text-decoration:none;
}
.subNav a:hover,.gNav .moreNav ul a:hover{
  border-radius:4px
}
.gNav [class^="nav"] a::after,.gNav .moreNav > span::after,.gNav .moreNav ul a::before,.subNav a::before{
  color:#238251
}
.gNav [class^="nav"] a:hover::after,.gNav .moreNav > span:hover::after,.gNav .moreNav ul a:hover::before, .subNav a:hover::before{
  color:#FFF;
}
.gNav [class^="nav"]{
  border-bottom:1px dotted #999
}
.subNav{margin:1em 0}
.subNav li > a{
  padding:.2em 1em
}
.navBnr{
  padding:0 1em;
  margin-bottom:1em
}
.btn.fl_X a{
  width:100%;
  background: #505050;
  box-shadow: 0 6px #404040;
}
.btn.fl_X a .iconX{
  margin-left:-8px;
  margin-right:8px;
}
.btn.fl_X a .iconImg{
  display:none;
}
.gSearch{
  padding:0 1em;
  margin-bottom:1em
}
.gSearch .gsc-input-box{padding-top:3px;padding-bottom:2px}
.gSearch .gsst_a{padding:0}
.goTopBtn{
  position:fixed;
  bottom:16px;right:16px;
  z-index:99;
	width:52px;
	height:52px;
	border-radius:52px;
	background:#185b39;
  line-height:52px;
	text-align:center;
	color:#FFF;
}
footer{
  position:relative;
	background:#238251;
	color:#FFF;
	font-size:.87em;
	text-align:center
}
footer .footImg{
  position:relative;
  margin-top:-150px;
}
.footFukidashi {
  position:relative;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  margin:0 0 1.5em;
/*
  padding:.5em .5em .65em;
  border-radius:8px;
  box-shadow:0 0 12px 0 rgba(0,0,0,.2);
*/
  padding:.5em 1em .65em;
  border-radius:200px;
  border:4px solid #a3d47a;
  background:#FFF;
  text-align:left;
  color:#333
}
.footFukidashi:before {
  content:"";
  position: absolute;
  top:100%;
  right:50%;
  margin-right:-20px;
  border:20px solid transparent;
  border-top:20px solid #a3d47a;
}
.footFukidashi::after{
  content:"";
  position:absolute;
  top:100%;
  right:50%;
  margin-right:-15px;
  border:15px solid transparent;
  border-top:15px solid #FFF;
}
.footFukidashi img{
  width:40px;
  margin:0 5px 0 0
}
.footFukidashi p{
  width:calc(100% - 45px);
  margin:0
}
footer a{
	color:#FFF !important
}
footer .fNav{
  margin:10px auto;
  padding:0;
  list-style:none
}
footer .fNav li{display:inline-block}
footer .fNav li:after{
	content:"｜"
}
footer .fNav li:last-child:after{
	display:none
}
footer #copyright{
  margin-bottom:0;
	font-size:.7em
}
/* - SP only - */
@media screen and (max-width:480px) {
  .footFukidashi p{
    font-size:3.5vw
  }
}
@media screen and (max-width:767px) {
	#main .inner,footer .inner{
		padding:16px;
	}
}
/* - SP + TB only - */
@media screen and (max-width:1159px) {
	header {
		height:64px;
		background:#FFF;
		position:fixed;
		top:0;left:0;right:0;
	}
  #headName{
    width:100%
  }
	.headWrap h1 {
    width:80%;
    width:-webkit-calc(100% - 64px);
    width:calc(100% - 64px);
		height:64px;
		margin:0
	}
  .headWrap h1 .hiddenPC{
    padding:11px 16px; 
  }
	.headWrap #navToggle {
		width:64px;
		height:64px;
		position:absolute;
		top:0;
		right:0;
		z-index:101;
		background:#238251;
		text-align:center;
		-webkit-transition:.5s ease-out;transition:.5s ease-out;
    color:#FFF
	}
	.headWrap #navToggle:after {
		font-size:34px
	}
	.headWrap #navToggle span {
		display:block;
		margin-top:5px;
		font-size:10px;
		font-weight:bold
	}
	#headNav {
    visibility:hidden;
		width:100%;
		background:#deece5/*#238251*/;
		height:-webkit-calc(100vh - 64px);
    height:calc(100vh - 64px);
		margin-top:64px;
		position:absolute;
		top:0;
    right:-100%;
		transition:.5s ease-out;
		overflow:scroll;
	}
	.open #headNav {
		visibility:inherit;
		transform:translateX(-100%)
	}
  .gNav [class^="nav"] > a,.gNav .moreNav > span{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  }
  .gNav [class^="nav"] > a,.gNav .moreNav > span{
    padding:.9em 1em;
  }
  .gNav .moreNav > span::after{content:"\e901"}
  .gNav,.subNav,.navBnr,.gSearch{max-width:26em;margin-left:auto;margin-right:auto;}
  .gNav .moreNav > span a{
    pointer-events:none;
  }
  .gNav .moreNav ul{
    margin-left:2em
  }
  .gNav .moreNav > ul{
    visibility:hidden;
    opacity:0;height:0;
  }
  .gNav .moreNav.onSP > ul{
    visibility:visible;
    animation:moreSP forwards .4s ease-out;
  }
  .gNav .moreNavTop{
    padding:.7em 0 .5em
  }
  .gNav .moreNavTop a{
    background:#238251;
    border:1px solid #238251;
    border-radius:4px;
    color:#FFF;
    text-align:center
  }
  .gNav .moreNavTop a::before{
    display:none
  }
  .gNav .moreNavTop a:hover{
    background:none;
    color:#222;
  }
  .gNav .moreNav ul a{
    padding:.2em .5em;
  }
  .gNav .moreNavClose{display:none}
  .fontSize{
    display:none
  }
	#main{
		margin-top:64px;
    padding-bottom:140px;
	}
}
/* - TB only - */
@media screen and (min-width:768px) and (max-width:1159px) {
	#main .inner{
		padding:24px;
	}
  footer .inner{
    padding:16px 24px
  }
  footer .footImg{
    width:80%;
    margin:-150px auto auto;
    text-align:right;
  }
}
/* - TB over - */
@media screen and (min-width:768px) {
  .btn.fl_X a{
    min-width:auto!important
  }
  footer .footImg{
    text-align:right
  }
  .footFukidashi{
    max-width:42em;
    margin:0 0 1.5em auto
  }
  .footFukidashi:before,.footFukidashi:after{
    right:131px;
  }
  .footFukidashi p{
    text-align:center
  }
}
/* - PC over - */
@media screen and (min-width:1160px) {
	header {
		background:url(../parts/bg_head.jpg) repeat;
	}  
	.headWrap{
    position:fixed;
    top:0;
    z-index:100;
    width:16.9em;
		height:100%;
    border-right:1px solid #ddd;
    background:#FFF
	}
  #headName{
    width:100%;
    height:189px;
    padding:28px 61px 0;
    border-bottom:1px solid #b2b2b2
  }
  #navToggle{display:none}
  #headNav{
		height:-webkit-calc(100vh - 189px);
    height:calc(100vh - 189px);
    overflow-y:auto;}
  .gNav .moreNav > span{display:block}
  .gNav [class^="nav"] > a,.gNav .moreNav > span a{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  }
  .gNav [class^="nav"] > a,.gNav .moreNav > span a{
    padding:.9em 1em;
  }  
  .gNav .moreNav > span a::after{content:"\e901"}
  
  .gNav .onPC span{
    background:#deece5;
  }
  .gNav .moreNav > ul{
    visibility:hidden;
    overflow-y:auto;
    opacity:0;
    height:100%;width:0;
    position:absolute;
    top:0;left:16.9em;
    background:#deece5;
    padding:189px 24px 24px;
  }
  .gNav .moreNav.onPC > ul{
    visibility:visible;
    animation:morePC forwards .4s ease-out;
  }
  .gNav .moreNav ul a{
    padding:.6em
  }
  .gNav .moreNav > ul ul{
    margin-left:2em
  }
  .gNav .moreNav > ul ul a{
    padding:.2em .9em
  }
  .gNav .moreNavTop{display:none}
  .gNav .moreNavClose{
    cursor:pointer;
    padding:.7em 1em .5em;
    margin:-3em auto 16px;
    background:#238251;
    border:1px solid #238251;
    border-radius:4px;
    color:#FFF;
    text-align:center
  }
  .gNav .moreNavClose:hover{
    background:none;
    color:#222;
  }
  .gNav .moreNavClose::after{
    margin-left:.3em
  }
  .gNav .moreNavClose:hover::after{
    color:#238251;
  }
  .fontSize{
		display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;
		-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    position:absolute;
    top:0;right:0;
    background:#FFF;
    box-shadow:0 0 12px 0 rgba(0,0,0,.5);
    padding:.6em;
    border-radius:0 0 0 6px
  }
	.fontSize .ttl{margin-right:.62em;font-weight:bold}
	.fontSize a{
		display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;
		-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
		color:#238251;
    border:2px solid #238251
	}
	.fontSize a.active {
		background-color:#238251;
    border:none;
		box-shadow:inset 0px -3px 0px 0px rgba(73, 23, 0, 0.2);
		color:#FFF;
	}
	.fontSize a#fsNormal{padding:.2em 1em;border-radius:100px;margin-right:.62em}
	.fontSize a#fsLarge{padding:.1em 1em;border-radius:100px;font-size:1.25em;font-weight:bold}    
  .subNav{
    margin:1em .5em
  }
  .subNav li > a{
    padding:.2em .5em
  }
  .gSearch table.gsc-search-box td.gsc-input{
    padding-right:0
  }
  .gSearch .gsc-search-button-v2{
    padding:11px;
    margin-left:0
  }
  .gSearch .gsc-search-button-v2 svg{
    width:16px;
    height:16px
  }
	#main{
    width:-webkit-calc(100% - 270px);
    width:calc(100% - 270px);
    margin-left:270px;
    padding-bottom:140px
	}
	footer{
    width:-webkit-calc(100% - 270px);
    width:calc(100% - 270px);
    margin-left:270px;
	}  
  footer .inner{
    width:864px;
    padding:1px 0 1em;
    margin:0 auto
  }
  footer .footImg{
    margin:-136px auto auto;
    text-align:right;
  }
}
@keyframes moreSP {
  0% {margin:0 2em;}
  50%{margin:0 2em .8em 2em;opacity:0;}
  100% {opacity:1;height:100%;margin:0 2em .8em 2em;}
}  
@keyframes morePC {
  0% {}
  50%{opacity:0;}
  100% {opacity:1;width:25em}
} 
/* TOP
====================================================*/
#home{background:url("../parts/bg_news.png") repeat}
.topSlider {
	position:relative;
  background:#238251
}
.topSlider .slideCatch{
  position:absolute;top:6vw;left:0;
  z-index:90;
  max-width:calc(7vw * 9.5);
  font-size:7vw;
  line-height:0;
  font-weight:bold;
  color:#fff;
/*
  left:6vw;
  line-height:1.3;
  text-shadow:0 2px 4px rgba(6,0,1,.3), 2px 0 4px rgba(6,0,1,.3), 0 -2px 4px rgba(6,0,1,.3), -2px 0 4px rgba(6,0,1,.3), -2px -2px 4px rgba(6,0,1,.3), 2px -2px 4px rgba(6,0,1,.3), -2px 2px 4px rgba(6,0,1,.3), 2px 2px 4px rgba(6,0,1,.3);
*/  
}
.topSlider .slideCatch p{
  display:inline-block;
  background:#238251;
  padding:.1em .2em .2em;
  margin-bottom:0;
  line-height:1
}

.topSlider .slideCatch span{
  font-size:70%
}
.topPickup{
  background:url("../parts/bg_cont.jpg") repeat;
}
.topPickup .inner{
  position:relative;
}
.topPickup .inner .topPickTtl{
  position:absolute;
  right:0;bottom:0;
  width:50%;
  padding:4px 0 0 10px;
  height:34vw;
  text-align:right
}
.topPickup .inner .topPickTtl h2 {
  position:relative;
  width:9em;
  padding:4px 0 4px .5em;
  background:#FFF;
  border:solid 1px #999;
  border-radius:8px;
  font-size:.9rem;
  color:#222;
  text-align:left
}
.topPickup .inner .topPickTtl h2:before {
  content:"";
  position:absolute;
  bottom:-24px;
  left:10%;
  border:7px solid transparent;
  border-top:17px solid #FFF;
  z-index:2;
}
.topPickup .inner .topPickTtl h2:after {
  content:"";
  position:absolute;
  bottom:-28px;
  left:10%;
  margin-left:-2px;
  border:9px solid transparent;
  border-top:19px solid #999;
  z-index:0;
}
.topPickup .inner .topPickTtl img{
  position:absolute;
  bottom:0;right:6px;
  height:26vw;
  width:auto;
}
.topPickup .inner ul{
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
	-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
  background:#FFF;
  box-shadow:0 0 12px 0 rgba(0,0,0,.2);
  border-radius:16px;
  margin:0;
  padding:0
}
.topPickup .inner ul li{
  list-style:none;
  width:50%;
  padding:10px;
  border-bottom:1px dotted #999;
  border-right:1px dotted #999;
}
.topPickup .inner ul li a{
  display:block;
  color:#238251;
  font-size:min(4.3vw,1em);
	text-align:center;
  font-weight:bold
}
.topPickup .inner ul li a img{
  margin-bottom:.3em
}
.topPickup .inner ul li a > span{
  display:block
}
/*▼▼ パンフができるまで ▼▼*/
.topPickup .inner ul li.kouji{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}
.topPickup .inner ul li.kouji span{
  display:block;
  font-size:4.3vw;
	text-align:center;
  font-weight:bold
}
/*▲▲ パンフができるまで ▲▲*/

.topNews h2{
  margin-bottom:.6em;
  font-weight:bold;
  text-align:center;
  color:#222
}
.topNews .newsCwrap{
  overflow:hidden;
  border-radius:0 0 8px 8px;
  background:#FFF;
  padding:16px;
  box-shadow:0 0 12px 0 rgba(0,0,0,.2)
}
.newsList{
	list-style:none;
	padding:0
}
.newsList li{
	border-bottom:1px dotted #999;
	padding:0 0 .3em 0;
  margin-bottom:.3em
}
.newsList a{
	display:block;
}
.newsList .newsTitle{
  word-break:break-all;
}
.newMark{
	display:inline-block;
  padding:0 6px 2px;
	border-radius:4px;
	background:#D8000C;
	color:#FFF;
  line-height:1.3;
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none
}
.newsIco{
	display:inline-block;
	width:9em;
	margin:0 10px;
  padding:0 0 2px;
	border-radius:4px;
  line-height:1.3;
	font-size:0.75em;
	text-align:center;
	text-decoration:none;
  font-weight:bold;
  color:#FFF
}
/*お知らせ　赤*/
.newsIco.tn01,.newsIco.cn03,.newsIco.vn01{
  background:#bb0009;
}
/*報告 青*/
.newsIco.tn02,.newsIco.cn01,.newsIco.vn02{
  background:#2275DD
}
/*募集 緑*/
.newsIco.tn03,.newsIco.cn04,.newsIco.vn03{
  background: #2caa3f;
  text-shadow: 0 2px 0 #3c8700, 2px 0 0 #3c8700, 0 -2px 0 #3c8700, -2px 0 0 #3c8700, -2px -2px 0 #3c8700, 2px -2px 0 #3c8700, -2px 2px 0 #3c8700, 2px 2px 0 #3c8700;
  /*background:#3C8700;*/
}
/*講座 紫*/
.newsIco.tn04,.newsIco.cn02,.newsIco.vn04{
  background:#9631c9;
}
/*拠点 オレンジ*/
.newsIco.tn05,.newsIco.vn05{
  background: #ed8100;
  text-shadow: 0 2px 0 #c35502, 2px 0 0 #c35502, 0 -2px 0 #c35502, -2px 0 0 #c35502, -2px -2px 0 #c35502, 2px -2px 0 #c35502, -2px 2px 0 #c35502, 2px 2px 0 #c35502;
	/*background:#c35502;*/
}
/*助成金 緑*/
.newsIco.tn06,.newsIco.vn06{
	background:#238251;
}
/*ボランティア　ピンク*/
.newsIco.tn07,.newsIco.vn07{
  background: #ED6082;
  text-shadow: 0 2px 0 #df2c4a, 2px 0 0 #df2c4a, 0 -2px 0 #df2c4a, -2px 0 0 #df2c4a, -2px -2px 0 #df2c4a, 2px -2px 0 #df2c4a, -2px 2px 0 #df2c4a, 2px 2px 0 #df2c4a;
	/*background:#DF2C4A;*/
}
/*その他 グレー*/
.newsIco.tn08,.newsIco.cn05,.newsIco.vn08{
	background:#666;
}
/*ボラセンニュース追加*/
.volNews .newsList .newMark{
  margin-left:.5em
}
/* - SP only - */
@media screen and (max-width:767px) {
  .topPickup .inner ul li:nth-child(even){
    border-right:none
  }
  .topPickup .inner ul li:nth-last-child(2),.topPickup .inner ul li:last-child{
    border-bottom:none
  }
}

/* - SP + TB only - */
@media screen and (max-width:1159px) {
	.topNews .newsTab{
		display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
		-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
		-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;
		list-style:none;
		padding:0;
		margin:0;
    border-bottom:3px solid #238251
	}
	.topNews .newsTab li{
		width:48%;
		margin-bottom:0;
		border-radius:8px 8px 0 0;
    padding:5px 8px;
		background:#d6d6d6;
		font-weight:900;
		text-align:center;
		line-height:1.2
	}
	.topNews .newsTab li.select{
		color:#FFF;
    background:#238251;
		padding:10px 8px
	}
  .topNews .chikuNews,.topNews .chiikiNews{
    display:none
  }
  .topNews .newsTabCont h4{
    display:none
  }
}

/* - TB only - */
@media screen and (min-width:768px) and (max-width:1159px) {
  .topNews .newsTab li{
    padding:8px;
  }  
  .topNews .newsTab li.select{
    padding:16px;
  }
}

/* - TB over - */
@media screen and (min-width:768px) {
  .topSlider .slideCatch{
    font-size:6vw;
  }
  .topPickup .inner .topPickTtl{
    width:33.333333%;
    height:19vw;
    max-height:160px;
  }
  .topPickup .inner .topPickTtl h2{
    width:14.5em;
    padding:8px 0;
    border-radius:100px;
    text-align:center
  }
  .topPickup .inner .topPickTtl h2:before,.topPickup .inner .topPickTtl h2:after {
    left:74%;
  }
  .topPickup .inner .topPickTtl img{
    right:10px;
    height:124px;
  }  
  .topPickup .inner ul li{
    width:33.333333%;
  }
  /*▼▼ パンフができるまで ▼▼*/
  .topPickup .inner ul li.kouji span{
    font-size:1em
  }
  /*▲▲ パンフができるまで ▲▲*/

  .topPickup .inner ul li:nth-child(3n){
    border-right:none
  }
  .topPickup .inner ul li:nth-child(n + 4){
    border-bottom:none
  }
  .newsList li{
    margin-bottom:.5em;
    padding-bottom:.5em
  }
  
  .volNews .newsList a{
    display:flex;
    flex-wrap:wrap
  }
  .volNews .newsList a .newsTitle{
    width:calc(100% - 20px - 10.4em)
  }

}

/* - PC over - */
@media screen and (min-width:1160px) {
  .topSlider .slideCatch{
    left:3vw;
    max-width:calc(3rem * 9.5);
    font-size:3em;
  }
  .topSlider .slider img{
    width:100%;
    max-width:none
  }
 	.topPickup .inner{
    max-width:1016px;
    padding:4.5vw;
		margin:0 auto;
	}
  .topPickup .inner .topPickTtl{
    max-width:250px;
    max-height:180px;
    bottom:4vw;right:5vw
  }  
  .topPickup .inner ul li a img{
    margin-bottom:10px
  }
  .topPickup .inner ul li a{
    padding:24px 0
  }
  .topNews .inner{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    max-width:1064px;
    padding:4.5vw;
		margin:0 auto;
  }
  .topNews h2{
    width:100%;
    margin-bottom:1em
  }
	.topNews .newsTab{
		display:none
	}
  .topNews .newsTabCont h4{
    font-size:1.5em;
  }
  .topNews .newsTabCont{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;
    width:50%;
    padding:0 16px;
  }
  .topNews .newsCwrap{
    border-radius:8px;
    height:100%
  }
  .topSNS{
    max-width:1064px;
    padding:4.5vw;
		margin:0 auto;
  }
  .topSNS .inner{
    width:50%;
    padding:0 16px;
  }
}
/* - PC L over - */
@media screen and (min-width:1400px) {
 	.topPickup .inner,.topNews .inner{
    padding:80px 0;
	}
  .topPickup .inner .topPickTtl{
    bottom:56px;right:80px
  }
  .topNews .newsTabCont{
    padding:0 24px
  }
  .topSNS{
    padding:80px 0;
  }
  .topSNS .inner{
    padding:0 24px
  }
}

/* 下層共通
====================================================*/
#subpage #main{background:#f6f0e9;}
#subpage #mainHead{
  position:relative;
  height:40vw;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
}
#subpage #mainHead h2{
  position:absolute;
  left:0;bottom:0;
  padding:.3em 16px;
  margin:0;
  background:#238251;
  border-radius:0 8px 0 0;
  color:#FFF;
}
#subpage #mainHead h2::after{
  content:"";
  display:block;
  position:absolute;
  bottom:0;right:10px;
  background-repeat:no-repeat;
  background-size:contain;
}
.block{
  padding-top:16px;
  padding-bottom:8px
}
.block .borderBox{
  display:inline-block;
  border:1px #8e837c solid;
  padding:.5em 1em;
}
.inquiry{
	border:1px solid #9f6941;
  max-width:600px;
	padding:0 16px .5em;
  margin:auto auto 24px  
}
.inquiry h3{
	padding:.3em;
	margin:0 -16px 16px;
  border-bottom:none;
	background:#9f6941;
  color:#FFF;
	text-align:center
}
.inquiry h4{
  color:#9f6941;
}
.inquiry h4::before{
  border-color:#9f6941;
}
.inquiry dl{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
	margin-bottom:.5em;
}
.inquiry dt{
  width:3em;
	position:relative;
  padding-right:1em
}
.inquiry dt::after{
	content:"：";
	position:absolute;
  right:0;
}
.inquiry dd{
  width:80%;
  width:-webkit-calc(100% - 3em);
  width:calc(100% - 3em);
  word-break:break-all;
}
.inquiry dl.wide4 dt{
	width:4em;
}
.inquiry dl.wide4 dd{
	width:-webkit-calc(100% - 4em) ;
	width:calc(100% - 4em);
}
.inquiry dl.wide5 dt{
	width:5em;
}
.inquiry dl.wide5 dd{
	width:-webkit-calc(100% - 5em) ;
	width:calc(100% - 5em);
}
.inquiry dl.wide7 dt,.inquiry dl.wide7 dd{
	width:100%
}
.inquiry p{
	margin-bottom:.5em;
}
/* - SP + TB only - */
@media screen and (max-width:1159px) {
  .breadcrumb{display:none}
}
/* - TB over - */
@media screen and (min-width:768px) {
  #subpage #mainHead h2{
    padding:.3em 24px
  }
	.inquiry{
		padding:0 32px .5em;
		margin-bottom:32px;
	}
	.inquiry h3{
		margin:0 -32px 16px;
	}
  .inquiry dl.wide7 dt{
    width:7em;
  }
  .inquiry dl.wide7 dd{
    width:-webkit-calc(100% - 7em) ;
    width:calc(100% - 7em);
  }  
}
/* - PC over - */
@media screen and (min-width:1160px) {
  #subpage #mainHead{
    height:auto;
    padding:23.9% 0 0 0;
    max-height:478px
  }
  #subpage #mainHead h2{
    padding:.3em 40px
  }
  #subpage #mainArea .inner{
    max-width:944px;
    margin:0 auto;
    padding:0 40px;
  }
  .breadcrumb{
    margin:0 auto;
    text-align:right
  }
  .breadcrumb ul{
    list-style:none;
    padding:0;
    margin:0
  }
  .breadcrumb li{
    display:inline-block;
    font-size:.75em
  }
  .breadcrumb li.top:before{
    content:"";
  }
  .breadcrumb li:before{
    content:" > "
  }
  .block{
    padding-top:24px;
    padding-bottom:16px
  }	
}


/* 各下層　ヘッダー
====================================================*/
/*かけはし画像*/
#subpage.about #mainHead,#subpage.news #mainHead,#subpage.sitemap #mainHead,#subpage.search #mainHead,#subpage.download #mainHead
{background-image:url("../parts/head_kakehashi.jpg")}

/*相談*/
#subpage.healthplan #mainHead
{background-image:url("../parts/head_sodan.jpg");}

/*入り口*/
#subpage.jigyou #mainHead
{background-image:url("../parts/head_iriguchi.jpg");}

/*空撮*/
#subpage.area #mainHead,#subpage.link #mainHead,#subpage.form #mainHead
{background-image:url("../parts/head_area.jpg")}

/*ラック*/
#subpage.reference #mainHead
{background-image:url("../parts/head_rack.jpg");}


/*45%縮小 +20px*/
/*お花どうぞ*/
#subpage.about #mainHead h2,#subpage.jigyou #mainHead h2,#subpage.form #mainHead h2
{padding-right:122px}
#subpage.about #mainHead h2::after,#subpage.jigyou #mainHead h2::after,#subpage.form #mainHead h2::after
{background-image:url("../parts/img_head_dozo.png");width:102px;height:79px;}

/*お花持ってる*/
#subpage.news #mainHead h2,#subpage.area #mainHead h2,#subpage.sitemap #mainHead h2,#subpage.search #mainHead h2
{padding-right:96px}
#subpage.news #mainHead h2::after,#subpage.area #mainHead h2::after,#subpage.sitemap #mainHead h2::after,#subpage.search #mainHead h2::after
{background-image:url("../parts/img_head_ohana.png");width:76px;height:99px;}

/*マトリョーシカ（3人組）*/
#subpage.healthplan #mainHead h2,#subpage.link #mainHead h2
{padding-right:107px}
#subpage.healthplan #mainHead h2::after,#subpage.link #mainHead h2::after
{background-image:url("../parts/img_head_sannin.png");width:87px;height:79px;}

/*カウンター*/
#subpage.reference #mainHead h2,#subpage.download #mainHead h2
{padding-right:69px}
#subpage.reference #mainHead h2::after,#subpage.download #mainHead h2::after
{background-image:url("../parts/img_head_counter.png");width:49px;height:75px;}

/* - TB over - */
@media screen and (min-width:768px) {
/*50% +25px*/
/*お花どうぞ*/
  #subpage.about #mainHead h2,#subpage.jigyou #mainHead h2,#subpage.form #mainHead h2
  {padding-right:138px}
  #subpage.about #mainHead h2::after,#subpage.jigyou #mainHead h2::after,#subpage.form #mainHead h2::after
  {width:113px;height:88px;}

  /*お花持ってる*/
  #subpage.news #mainHead h2,#subpage.area #mainHead h2,#subpage.sitemap #mainHead h2,#subpage.search #mainHead h2
  {padding-right:109px}
  #subpage.news #mainHead h2::after,#subpage.area #mainHead h2::after,#subpage.sitemap #mainHead h2::after,#subpage.search #mainHead h2::after
  {width:84px;height:110px;}

  /*マトリョーシカ（3人組）*/
  #subpage.healthplan #mainHead h2,#subpage.link #mainHead h2
  {padding-right:122px}
  #subpage.healthplan #mainHead h2::after,#subpage.link #mainHead h2::after
  {width:97px;height:88px;}

  /*カウンター*/
  #subpage.reference #mainHead h2,#subpage.download #mainHead h2
  {padding-right:79px}
  #subpage.reference #mainHead h2::after,#subpage.download #mainHead h2::after
  {width:54px;height:83px;}  
}

/* ニュース
====================================================*/
.pager{
	padding:0;
	margin:0 auto;
	text-align:center
}
.pager li{
	display:inline;
	list-style-type:none;
}
.pager a{
	display:inline-block;
	background:#238251;
	border:1px solid #238251;
	border-radius:100px;
	color:#FFF
}
.pager a:hover{
	text-decoration:none
}
.pager span{
	display:inline-block;
	border:1px solid #d9d6cc;
	border-radius:100px;
}
.newsInfo{
  text-align:right;
  margin-bottom:.5em
}
.newsBox .newsImg{
  text-align:center
}
.newsBox .newsImg img{
  margin-bottom:10px;
}
.newsBox .newsImg img:last-of-type{
  margin-bottom:0
}
/* - SP only - */
@media screen and (max-width:767px) {
  .pager a{
    position:absolute;
    top:-9999px;
    left:-9999px
  }
  .pager .prev a, .pager .next a{
    width:35%;
    padding:.5em 0;
    position:static;
    top:initial;
    left:initial
  }
  .pager span{
    width:30%;
    padding:.5em 0;
    border:none
  }  
  .pager .more{
    display:none
  }
}
/* - TB over - */
@media screen and (min-width:768px) {
  .pager{
    margin-top:24px;
  }
  .pager a, .pager span{
    padding:.2em .8em;
    margin:0 4px;
  }
  #subpage.news.details #mainHead h2{font-size:1.8em}
  .newsInfo{margin-bottom:1em}
  .newsBox{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
  }
  .newsBox .newsImg{
    flex-basis:320px;
  }
  .newsBox .newsText{
    flex-basis:65%;
    flex-basis:-webkit-calc(100% - 320px);
    flex-basis:calc(100% - 320px);
    flex-grow:1;
    padding-right:1em
  }
}
/* - PC over - */
@media screen and (min-width:1160px) {
  .newsBox .newsImg{
    margin-bottom:24px;
  }
  .newsBox .newsText{
    padding-right:24px
  }
}


/* 都筑区社協の紹介　/about/
====================================================*/
.about01{
  width:264px;
  margin:0 auto;
  text-align:center
}
.about01-img{}
.about01-txt{
  background:#FFF;
  padding:.5em;
  border-radius:0 0 4px 4px;
  border:2px solid #9f6941;
  border-top:0;
}
.about01-name{
  margin-bottom:-1em;
  color:#945E36;
  font-weight:bold;
  text-align:right;
  font-size:.87em
}
/* - TB over - */
@media screen and (min-width:768px) {
  .aboutLead{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;
    /*margin-top:-40px;*/
  }
}

/* 拠点
====================================================*/
.baseTime{
  margin-bottom:0
}
.kyotenMap{
  margin-top:1em;
}
.kyotenMap .col-sp12{
  margin-bottom:1em;
  text-align:center  
}
.kyotenMap .col-sp12 img{
  width:90%;
}
.kyotenRoom{
  margin-bottom:1em;
	padding-top:80px;
	margin-top:-80px;

}

/* - SP only - */
@media screen and (max-width:767px) {
  .baseTime dd:first-of-type{
    border-bottom:1px #8e837c dotted;
    padding-bottom:.3em
  }
}
/* - TB over - */
@media screen and (min-width:768px) {
  .baseTime{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
  }
  .baseTime dt{
    width:14em
  }
  .baseTime dd{
    width:60%;
    width:-webkit-calc(100% - 14em);
    width:calc(100% - 14em);
  }
	.kyotenRoom .roomImg{
		width:50%;
		float:right;
    padding-left:16px;
		text-align:right
	}
	.kyotenRoom h4{
		width:50%;
		float:left
	}
}
/* - PC over - */
@media screen and (min-width:1160px) {
	.kyotenRoom .roomImg{
		width:448px;
		padding-left:24px;
	}
	.kyotenRoom h4,.kyotenRoom p{
     width:-webkit-calc(100% - 448px);
     width:calc(100% - 448px);
	}
}
/* 善銀
====================================================*/
.zenginFlow dt{
  position:relative;
  padding:.3em;
  border:4px solid #a6d994;
  text-align:center;
  border-radius:6px
}
.zenginFlow dt::after{
  content:"";
  position:absolute;
  bottom:-32px;left:50%;
  display:block;
  width:32px;
  height:32px;
  margin-left:-16px;
  background:url("../parts/flow-arrow.svg") no-repeat;
}
.zenginFlow dd{
  margin-top:33px;
  padding:.3em;
  border:4px solid #a6d994;
  text-align:center;
  border-radius:6px
}

.zenginReport{
  list-style:none;
  padding:0;
  margin:0;
}
.zenginReport li{
  margin-bottom:1em;
}
.zenginReport a{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start
}
.zenginReport a p{
  margin-bottom:.2em;
}
.zenginReport a p + img{
  order:1;
}
/* - TB over - */
@media screen and (min-width:768px) {
.zenginReport{
  display:flex;
  flex-wrap:wrap;
}
.zenginReport li{
  width:50%;
  max-width:316px;
  padding-right:16px;
}
}
/* 福祉教育の推進
====================================================*/
span.kyouikuO{
  display:inline-block;
  border:1px solid #333;
  border-radius:100px;
  width:1.6em;
  height:1.6em;
  margin:0 .1em;
  font-size:1.25em;
  line-height:1.6em;
  text-align:center;
  font-weight:bold;
}
.educationFlow{
  background:rgba(255,255,255,.8);padding:.5em 1em 1em;margin-bottom:1em;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.educationFlow .flow{
  line-height:2.5em;background:#FFF;padding:0 1em;border:2px solid #a6d994;border-radius:6px;display:block;text-align:center;margin:.5em .5em .5em 0}
.educationFlow .arrow{
  width:30px;height:30px;
  margin-right:.5em;
  background:url("../parts/flow-arrow.svg") no-repeat;
  background-size:cover;
  transform:rotateZ(-90deg);
}
/* - TB over - */
@media screen and (min-width:768px) {
  .rentalBox{
    margin-bottom:1em
  }
	.rentalBox .rentalImg{
		width:50%;
		float:right;
    padding-left:16px;
		text-align:right
	}
	.rentalBox h5,.rentalBox .rentalTxt{
		width:50%;
		float:left
	}
}
/* - PC over - */
@media screen and (min-width:1160px) {
  .rentalBox{
    margin-bottom:24px
  }
	.rentalBox .rentalImg{
		width:424px;
		padding-left:24px;
	}
	.rentalBox h5,.rentalBox .rentalTxt{
     width:-webkit-calc(100% - 424px);
     width:calc(100% - 424px);
	}
}
/* 生活支援体制整備事業
====================================================*/
.seikatsuFlow{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
}
.seikatsuFlow::before{
  content:"";
  display:inline-block;
  width:40px;height:40px;
  margin-right:10px;
  background:url("../parts/flow-arrow.svg") no-repeat 48% 50%;
  background-size:contain;
}
/* - TB over - */
@media screen and (min-width:768px) {
  .seikatsuFlow2 .col-tb4{
    -webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;
  }
}
/* 子育て支援
====================================================*/
dl.kosodateInfo{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
	margin-bottom:.5em;
}
dl.kosodateInfo dt{
  width:4em;
	position:relative;
  padding-right:1em
}
dl.kosodateInfo dt::after{
	content:"：";
	position:absolute;
  right:0;
}
dl.kosodateInfo dd{
  width:80%;
  width:-webkit-calc(100% - 4em);
  width:calc(100% - 4em);
  word-break:break-all;
}
/* 地区社協
====================================================*/
.chikuMapIcon{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
}
.chikuMapIcon img{margin:-1px 3px auto}
.chikuList{
	display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;
	-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
	width:100%;
	padding-left:0;
	border-top:1px #8e837c solid;
	border-left:1px #8e837c solid;
}
.chikuList li{
	width:50%;
	padding:.3em .5em;
	border-bottom:1px #8e837c solid;
	border-right:1px #8e837c solid;
  list-style-position:inside;
}
.chikuIchi{
  text-align:center;
  margin:0.3em
}
.chikuTable dl{
  border:3px solid #c6c1bd;
  border-radius:6px;
  margin:.3em;
}
.chikuTable dl dt{
  padding:.3em .5em 0;
  font-weight:bold
}
.chikuTable dl dd{
  padding:.3em .5em;
  border-bottom:1px #c6c1bd dotted
}
.chikuTable dl dd:last-child{
  border-bottom:none
}
.chikuTable ul{
  list-style:none;
  margin:0;
  padding:0
}
.chikuTable td > ul > li{
  border-bottom:1px #8e837c dotted;
  padding-bottom:.3em;
  margin-bottom:.3em
}
.chikuTable td > ul > li:last-child{
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:0
}
.chikuTable .chikuLink ul ul li{
  margin-left:1em
}
/*

.chikuTable .chikuLink a{
  display:block;
  margin-left:1em
}
*/
.btn.goMap{
  max-width:none
}
.btn.goMap a{
  width:10em;
  min-width:inherit;
  padding:.2em .5em;
  margin:-.5em 0 1em auto 
}
/* - SP + TB only - */
@media screen and (max-width:1159px) {
  .chikuMap .carepla{display:none}
}
/* - TB over - */
@media screen and (min-width:768px) {
  .chikuIchi{
    float:right;
    margin:0 0 1em 1em;
  }
  .chikuTable dl{
    clear:both;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
  }
  .chikuTable dl dt{
    width:13em;
    padding:.5em;
    border-bottom:1px #c6c1bd dotted
  }
  .chikuTable dl dt:last-of-type{
    border-bottom:none
  }
  .chikuTable dl dd{
    width:-webkit-calc(100% - 13em);
    width:calc(100% - 13em);
    padding:.5em
  }
}
/* - PC over - */
@media screen and (min-width:1160px) {
  .chikuMapWrap{
    display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;
    -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;
  }
  .chikuMap{
    width:672px;
    padding-right:32px;
    position:relative;
  }
  .chikuList{
    width:-webkit-calc(100% - 672px);
    width:calc(100% - 672px);
    margin-top:20px;
    border-bottom:1px #8e837c solid;
  }
  .chikuList li{
    width:100%;
    border-bottom:1px #8e837c dotted;
  }
  .chikuList li:last-child{
    border-bottom:none
  }
  .chikuMap .carepla{
    width:100%;
    height:100%;
    list-style:none;
    margin:0;
    padding:0;
  }
  .chikuMap .carepla li{
    position:absolute;
    width:33px;
    height:33px;
    cursor:pointer;
    text-indent:-9999px;
    text-align:center;
    color:#FFF
  }
  .chikuMap .carepla li:hover{
    width:11em;
    height:-webkit-calc(33px + 1.8em);
    height:calc(33px + 1.8em);
    text-indent:inherit;
  }
  .chikuMap .carepla li.pin01:hover,.chikuMap .carepla li.pin03:hover,.chikuMap .carepla li.pin04:hover{
    margin-right:-webkit-calc(-5.5em + 16px);
    margin-right:calc(-5.5em + 16px);
  }
  .chikuMap .carepla li.pin02:hover,.chikuMap .carepla li.pin05:hover,.chikuMap .carepla li.pin06:hover{
    margin-left:-webkit-calc(-5.5em + 16px);
    margin-left:calc(-5.5em + 16px);
  }
  .chikuMap .carepla li:hover span{
    display:block;
    width:100%;
    height:1.6em;
    background:#f96b5c/*#e51a04*/;
    border-radius:4px;
    text-shadow:0 2px 0 #e51a04, 2px 0 0 #e51a04, 0 -2px 0 #e51a04, -2px 0 0 #e51a04, -2px -2px 0 #e51a04, 2px -2px 0 #e51a04, -2px 2px 0 #e51a04, 2px 2px 0 #e51a04
  }
  .chikuMap .carepla li.pin00:hover{
    width:14em;
    margin-left:-webkit-calc(-7em + 16px);
    margin-left:calc(-7em + 16px);
  }
  .chikuMap .carepla li.pin00:hover span{
    background:#003981;
    text-shadow:none
  }
  .chikuMap .carepla li.pin00{
    bottom:456px;left:219px;
  }
  .chikuMap .carepla li.pin01{
    bottom:616px;right:98px;
  }
  .chikuMap .carepla li.pin02{
    bottom:648px;left:205px;
  }
  .chikuMap .carepla li.pin03{
    bottom:425px;right:138px;
  }
  .chikuMap .carepla li.pin04{
    bottom:172px;right:233px;
  }
  .chikuMap .carepla li.pin05{
    bottom:167px;left:179px;
  }
  .chikuMap .carepla li.pin06{
    bottom:321px;left:199px;
  }
}
/* 広報紙
====================================================*/
.magImg img.thumb{
  border:1px solid #999
}
/* - TB over - */
@media screen and (min-width:768px) {
  .reference #mainArea [class^="btn"]{
    display:block;
    margin-left:0;
    margin-right:0
  }
  .reference #mainArea [class^="btn"] a{
    width:25em;
    margin-left:0;
    margin-right:0
  }
  .magTxt{
    width:50%;
    float:left
  }
  .magImg{
    width:50%;
    padding:0 0 16px 16px;
    float:right
  }
  .magList{
    width:50%;
    float:left
  }
}
/* - PC over - */
@media screen and (min-width:1160px) {
  .magTxt,.magList{
    width:50%;
    width:-webkit-calc(100% - 307px);
    width:calc(100% - 307px);
  }
  .magImg{
    width:307px;
    padding-left:24px;
  }
}

/* サイトマップ
====================================================*/
.sitemapList ul{
	padding:0;list-style:none
}
.sitemapList ul ul{
	margin-top:.5em
}
.sitemapList ul ul li{
  position:relative
}
.sitemapList a:before{
	display:inline-block;width:18px;content:url("../parts/ico_home.svg");margin-right:8px
}
.sitemapList ul ul a:before{
	width:16px;content:url("../parts/ico_text.svg")
}
.sitemapList ul li ul li::before{
  content:"";
  position:absolute;
  top:-0.5em;
  left:-16px;
  width:10px;
  height:calc(100% + .75em);
  border-left:1px #d9d6cc solid
}
.sitemapList ul li ul li:last-child::before {
  height:calc(1em + .25em)
}
.sitemapList ul li ul li::after {
  content:"";
  position:absolute;
  top:.75em;
  left:-16px;
  width:10px;
  border-bottom:1px #d9d6cc solid
}
/* - SP + TB only - */
@media screen and (max-width:1159px) {
	.sitemapList ul ul{
		margin-left:24px
	}
}
/* - TB over - */
@media screen and (min-width:768px) {
	.sitemapList ul ul{
		margin-left:48px
	}
}



/* ===========================
ウェブアクセシビリティ
=========================== */
#mainArea .accessibility th,#mainArea .accessibility td{vertical-align:middle;padding:.5em}
.accessibility th{white-space:nowrap}
.accessibility td:nth-of-type(2), .accessibility td:nth-of-type(3),.accessibility td:nth-of-type(4){text-align:center}

.search #mainArea table,.search #mainArea td,.search #mainAreath{
  padding:0;
  border:none
}
.search .gs-webResult.gs-result a.gs-title:hover,.search .gs-webResult.gs-result a.gs-title:focus,.search .gs-webResult.gs-result a.gs-title:active{
  color:#ff3366;
  text-decoration:underline;
}
.search .gsc-webResult.gsc-result,.search .gsc-webResult.gsc-result:hover{
  border-bottom:1px #8e837c solid
}
.search .gsc-results .gsc-cursor-box .gsc-cursor-page{
  min-width:2em;
  padding:4px 8px;
  font-size:1rem;
  border:1px solid #238251
}
.search .gsc-results .gsc-cursor-box .gsc-cursor-page:hover{
  background:#f6f0e9;
  color:#222
}
/* 様式ダウンロード　/download
====================================================*/
.download th{
  text-align:left
}
/* お問い合わせ /form
====================================================*/
.inquiryForm{
  border:1px #8e837c solid;
  border-top:none
}
.inquiryForm dt{
  padding:.3em .5em;
  border-top:1px #8e837c solid;
  border-bottom:1px #8e837c solid;
  background:#e7ddd6;
}
.inquiryForm dd{
  padding:.5em
}
.inquiryForm dd input[type="text"],.inquiryForm dd textarea{
	font-size:1em;
	width:100%;
	padding:.3em;
	transition:0.3s;
	border:1px solid rgba(0,0,0,.6);
	border-radius:4px;
	outline:none;
}
.inquiryForm dd textarea{
  min-height:8em
}
.inquiryForm dd input[type="text"]:focus,.inquiryForm dd textarea:focus{
	border-color:#00a3b8;
  outline:none;
  box-shadow:0 0 5px 1px rgba(0,163,184,.5);
}
.inquiryForm dd p{
  margin-bottom:0
}
.inquiryBtn{
  display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
  -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
  -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
  padding-bottom:1px
}
.btnForm{
  border:none;
  min-width:46%;
  margin:0 2% 6px;
  padding:10px 1em;
  position:relative;
  border-radius:100px;
  background:#238251;
  box-shadow:0 6px #1c6841;
  transition:none;
  text-decoration:none;
  color:#FFF;
  font-weight:bold;
  text-align:center
}
.btnForm:hover{
  top:6px;box-shadow:0 0 #FFF !important
}
article#contact #btnBox {
	text-align:center;
}
.requiredItem{
  display:inline-block;
  padding:1px 6px 2px;
  margin-left:.5em;
  border-radius:4px;
  background:#D8000C;
  color:#FFF;
  line-height:1.3;
  font-size:0.8em;
  font-weight:bold;
  text-decoration:none;  
}
/*
.inquiryForm .requiredItem::after{
  content:"必須";
}
*/
/* - TB over - */
@media screen and (min-width:768px) {
  .inquiryForm{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
  }
  .inquiryForm dt{
    position:relative;
    width:12em;
    padding:.3em 3em .3em .5em;
    border-right:1px #8e837c solid;
    border-bottom:none
  }
  .inquiryForm dt .requiredItem{
    position:absolute;
    top:.5em;right:.5em
  }
  .inquiryForm dd{
    width:80%;
    width:-webkit-calc(100% - 12em);
    width:calc(100% - 12em);
    border-top:1px #8e837c solid;
  }
  .btnForm{
    min-width:15em
  }
}

/* ===========================
文字拡大
=========================== */
/* - PC over - */
@media screen and (min-width:1160px) {
  .fontBig .headWrap{
    position:static;
  }
  .fontBig #headName{
    text-align:center
  }
  .fontBig .fontSize{
    max-width:15em;
    width:-webkit-calc(100% - 15em);
    width:calc(100% - 15em);
  }
  .fontBig .fontSize .ttl,.fontBig .fontSize a{
    width:100%;
    margin:0 0 .5em 0
  }
  .fontBig .fontSize a#fsNormal{
    margin:0 0 .5em 0;
    -webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;
  }
  .fontBig #main,.fontBig footer{
    width:100%;
    margin-left:0
  }
  .fontBig .inner{
    width:auto;
    max-width:none;
    padding:3vw;
  }
  .fontBig .topSlider .slideCatch{
    font-size:1.5em
  }
  .fontBig .topNews .newsTabCont{
    width:100%
  }
  /*
	.fontBig #headNav *{
		font-size:1em!important;
	}
	.fontBig .subNav{
		margin:0 auto;

	}

	.fontBig .headWrapLink,.fontBig .gSearch,.fontBig .fontSize{
		position:static;
		width:auto;
		height:auto;
	}
	.fontBig .fontSize a{
		width:auto;
		height:2em;
		padding:0 1em;
		line-height:2em;
	}

	.fontBig .gNav {
		height:auto;
	}
	.fontBig .gNav [class^="nav"]{
		width:auto;
	}
	.fontBig .gNav .moreNav{
		top:-100vh
	}
	.fontBig #mainArea,.fontBig #subArea{
		width:100%;
		margin:10px 0;
	}
	.fontBig .headWrap,.fontBig .inner,.fontBig .subNav{
		width:auto;
		padding:10px 20px;
	}
  */
}




@media print {
#headName h1 .hiddenTB.hiddenSP,#navToggle,#headNav,.fontSize,.breadcrumb,.fNav,.goTopBtn{
  display:none;
}
header{
  box-shadow:none;
}
#headName h1 .hiddenPC{
  padding:10px;
}
#subpage #mainHead{
  height:auto;
  background:none !important;
}
#subpage #mainHead h2{
  position:relative;
  padding:.5cm .5cm 0 .5cm !important;
  background:none;
  color:#333;
  border-radius:0;
  font-size:30px;
}
#subpage #mainHead h2::after{
  display:none !important;
  padding:0;
  margin:0;
}
.inner{
  padding:0 .5cm .5cm;
}
footer{
  background:none;
  color:#333;
}
footer .footImg{
  margin:0 0 .5cm;
}
footer .footImg p{
  text-align:center;
}
}
