@charset "utf-8";

/* Site Unique Reseting
---------------------------------------------------------- */

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.8;
	font-size: 14px;
	color: #242424;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/* font style
--------------------------------------------- */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.3;
}
.fwNormal {
	font-weight: normal;
}
.fwBold {
	font-weight: bold;
}
.fwItalic {
	font-style: italic;
}
.fzSSS {
	font-size: 0.7em;
}
.fzSS {
	font-size: 0.8em;
}
.fzS {
	font-size: 0.9em;
}
.fzM {
	font-size: 1em;
}
.fzL {
	font-size: 1.2em;
}
.fzLL {
	font-size: 1.4em;
}
.fzLLL {
	font-size: 1.6em;
}
sup {
	font-size: 78%;
	vertical-align: middle;
}
sub {
	font-size: 78%;
	vertical-align: baseline;
}
em{
font-style: normal;
font-weight: bold;
}
pre{
padding:1em;
margin:1em 0;
}

.font01{
font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
text-transform: uppercase;
}

/* bg style
--------------------------------------------- */
.bg01{
	background-color: #f3f3f3;
}
.shadow01{
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.lineTop{
	border-top: 1px solid #dadfe1;
	margin-top: 24px;
	padding-top: 24px;
}

iframe{
	border: #dadfe1 2px solid;
	width: 100%;
	height: 450px;
}

iframe.cal{
padding: 24px;	
}
.inlineBlock{
	display: inline-block !important;
}

/* link style
--------------------------------------------- */
a, a img {
	transition-duration: 0.2s;
	transition-property: opacity, color, background-color;
}
a, a:link {
	color: #2c95d0;
	text-decoration: underline;
}
a:visited {
	color: #2c95d0;
}
a:hover, a:active {
	color: #31AAE2;
	text-decoration: none;
}


/*リンク矢印*/

p.linkArrow, ul.linkArrow li {
	position: relative;
	padding-left: 1em;
	font-weight: bold;
	text-align: left;
}
p.linkArrow:before, ul.linkArrow li:before {
	content: "\f138";
	font-family: FontAwesome;
	position: absolute;
	font-weight: normal;
	left: 0;
	text-decoration:none !important;
	color: #2c95d0;
}

/*リンクボタン*/

.linkBtn a{
display: inline-block;
text-decoration: none;
padding: 0.5em 3.2em 0.5em 2.4em;
color: #ffffff !important;
line-height: 1.5;
	position: relative;
	border-radius: 100px;
	font-weight: bold;
	background: rgb(63,176,224);
background: -moz-linear-gradient(top,  rgb(63,176,224) 0%, rgb(44,139,209) 100%);
background: -webkit-linear-gradient(top,  rgb(63,176,224) 0%,rgb(44,139,209) 100%);
background: linear-gradient(to bottom,  rgb(63,176,224) 0%,rgb(44,139,209) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fb0e0', endColorstr='#2c8bd1',GradientType=0 );
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    transition-property: all;
    bottom: 0;
}

/*カテゴリカラー*/
.news article .linkBtn a,
section.news .linkBtn a{
	background: rgb(105,196,91);
background: -moz-linear-gradient(top,  rgb(105,196,91) 0%, rgb(73,168,62) 100%);
background: -webkit-linear-gradient(top,  rgb(105,196,91) 0%,rgb(73,168,62) 100%);
background: linear-gradient(to bottom,  rgb(105,196,91) 0%,rgb(73,168,62) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c45b', endColorstr='#49a83e',GradientType=0 );

}

.event article .linkBtn a,
section.event .linkBtn a{
	background: rgb(203,136,228);
background: -moz-linear-gradient(top,  rgb(203,136,228) 0%, rgb(179,93,215) 100%);
background: -webkit-linear-gradient(top,  rgb(203,136,228) 0%,rgb(179,93,215) 100%);
background: linear-gradient(to bottom,  rgb(203,136,228) 0%,rgb(179,93,215) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb88e4', endColorstr='#b35dd7',GradientType=0 );
}

.public_participation article .linkBtn a,
section.public_participation .linkBtn a{
background: rgb(53,186,183);
background: -moz-linear-gradient(top,  rgb(53,186,183) 0%, rgb(35,136,147) 100%);
background: -webkit-linear-gradient(top,  rgb(53,186,183) 0%,rgb(35,136,147) 100%);
background: linear-gradient(to bottom,  rgb(53,186,183) 0%,rgb(35,136,147) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bab7', endColorstr='#238893',GradientType=0 );


}

.sdgs .linkBtn a,
section.public_participation .linkBtn a{
background: rgb(255, 0, 0);
background: -moz-linear-gradient(top,  rgb(53,186,183) 0%, rgb(35,136,147) 100%);
background: -webkit-linear-gradient(top,  rgb(53,186,183) 0%,rgb(35,136,147) 100%);
background: linear-gradient(to bottom,  rgb(53,186,183) 0%,rgb(35,136,147) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bab7', endColorstr='#238893',GradientType=0 );


}



.linkBtn a:after{
	content: "\f138";
	font-family: FontAwesome;
	position: absolute;
	right: 0.9em;
	color: #ffffff;
}

.linkBtn02 a{
	background: none;
	border: 1px solid #d3d4d4;
}

.linkBtn a:hover{
bottom: -2px;
box-shadow: 0 0 0 rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.2) inset;
}

/*リンクボックス*/

.linkBox a{
display: block;
text-decoration: none;
padding: 1em 2.4em 1em 1em;
position: relative;
}

.linkBox a:before{
	content: "\f138";
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
	top:50%;
	margin-top: -0.5em;
	line-height: 1;
}

.linkBox a:hover{
background: #E6F7FF;
}


/* preset margin 
--------------------------------------------- */
.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mr00 {
	margin-right: 0 !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr12 {
	margin-right: 12px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mb00 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.ml00 {
	margin-left: 0 !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml12 {
	margin-left: 12px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml30 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
/* preset padding 
--------------------------------------------- */
.pt00 {
	padding-top: 0 !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt12 {
	padding-top: 12px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pr00 {
	padding-right: 0 !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr12 {
	padding-right: 12px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pb00 {
	padding-bottom: 0 !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb12 {
	padding-bottom: 12px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pl00 {
	padding-left: 0 !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl12 {
	padding-left: 12px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl30 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}

.w100{
	width: 100% !important;
}

/* レスポンシブタブレット サイズ"sm"以下
---------------------------------------------------------- */
@media screen and (max-width: 991px) {
}

/* レスポンシブスマートフォン サイズ"mb"以下
---------------------------------------------------------- */
@media screen and (max-width: 767px) {

/*リンク矢印をボタン化*/
p.linkArrow,ul.linkArrow {
	border: 1px solid #dadfe1;
	border-radius: 2px;
	background: #f5f5f5;
}
p.linkArrow, ul.linkArrow li {
    padding-left: 0;
}
.linkArrow a {
	display: block;
	padding: 0.8em 2.8em 0.8em 0.8em;
	text-decoration: none;
}
ul.linkArrow li {
	border-top: 1px solid #dadfe1;
}
ul.linkArrow li:first-child {
	border-top: none !important;
}
p.linkArrow:before,ul.linkArrow li:before {
	left: auto;
	right: 1.2em;
	top: 50%;
	margin-top: -0.8em;
}

}




@media print {


  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.24242433%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.24242433%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.24242433%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.24242433%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.24242433%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.24242433%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.24242433%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.24242433%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.24242433%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.24242433%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.24242433%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.24242433%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.24242433%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.24242433%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.24242433%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.24242433%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}