@charset "utf-8";

body,p,td,li, h5,h6 {
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
	font-size:1rem;
	line-height:1.8em;
}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:800;
	line-height:1.5em;
}

.font-g {
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.font-m {
	font-family: "BIZ UDPMincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.bold {
	font-weight:800;
}

.container {
	max-width: 1164px;
}



/* 文字サイズ
==================================================== */
h1 { font-size:1.5rem; }

@media (min-width: 576px) {
	h1 { font-size:1.6rem;letter-spacing:2px; }
}
@media (min-width: 768px) {
	h1 { font-size:1.6rem; }
}
@media (min-width: 1200px) {
	h1 { font-size:1.6rem;letter-spacing:2px; }
}
@media (min-width: 1400px) {
	h1 { font-size:2.0rem;letter-spacing:2px; }
}

@media (min-width: 768px) and (max-width: 1050.98px) {
	.top_square .top_text { font-size:0.8rem; }
}
@media (max-width: 767.98px) {
	.top_text { font-size:1rem; }
}

h2 {
	font-size: 1.4rem;
	font-weight:bold;
}
h3 {
	font-size: 1.3rem;
	font-weight:bold;
}

h4 {
	font-size: 1.1rem;
	font-weight:bold;
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


/* マージン、パディング
==================================================== */
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.ps-75 { padding-left:75px; }
.pe-75 { padding-right:75px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.ps-110 { padding-left: 110px; }

.my-80 { margin-top:80px; margin-bottom:80px; }
.my-110 { margin-top:110px; margin-bottom:110px; }
.py-75 { padding-top:75px; padding-bottom:75px; }
.px-75 { padding-left:75px; padding-right:75px; }
.py-110 { padding-top:110px; padding-bottom:110px; }

@media (max-width: 767.98px) {
	.mt-40, .mt-75, .mt-110 { margin-top:30px; }
	.mb-40, .mb-75, .mb-110 { margin-bottom:30px; }
	.pt-40, .pt-75, .pt-110 { padding-top:30px; }
	.pb-40, .pb-75, .pb-110 { padding-bottom:30px; }
	.ps-75, .ps-110 { padding-left:30px; }
	.pe-75, .pe-110 { padding-right:30px; }
	.my-75, .my-110 { margin-top:30px; margin-bottom:30px; }
	.py-75, .py-110 { padding-top:30px; padding-bottom:30px; }
	.mx-75 { margin-left:30px; margin-right:30px; }
}

.lh-1 { line-height: 1em; }
.lh-2 { line-height: 2em; }
.lh-3 { line-height: 3em; }




/* リンク
==================================================== */
a {
	color: #666;
	text-decoration: none;
}

header a {
	color: #fff !important;
}

footer a {
	color: #fff;
	text-decoration: none;
}

a:hover {
color: #3a5d04 !important;
}

/* ナビバー
=================================================== */
body { padding-top: 145px; }
@media (max-width: 991.98px) {
	body { padding-top:45px; }
}
.navbar-brand {
	padding:0;
	margin:0;
	padding-left: 15px;
}

.navbar-toggler { 
	position:relative;
	border:none!important;
	padding-bottom:0;
}

.navbar-light .navbar-toggler .navbar-toggler-icon {
	position:relative;
	margin-top:-16px;
}

.navbar-nav .nav-link {
	padding-left: 15px;
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}


/* ナビバー
==================================================== */


.nav-line {
	margin:0;
	border-top: 1px dotted #fff;
}
nav a:hover, .nav-item a:hover, footer a:hover {
    color: rgba(255,255,255,0.8);
    text-decoration:none;
}

.leftline5px {
	border-left:5px solid #fff;
	padding-left:8px;
	color:#fff;
	display: inline-block;
	margin:8px 0;
	line-height:1em;
}

.navi_line {
	opacity: 0;
	display:inline-block;
	width:1%;
	animation: stretch_to_right 0.7s ease 0.2s forwards;
	transform-origin: top left;
}
/* トップメニューエリア
==================================================== */

.menu-column .col h2 {
text-align: center;
font-size: 1.1rem;
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 600;
}

.menu-column .col h2 i {
font-size: 3.5rem;
margin: 10px;
}

.menu-column .col > div {
padding: 23px;
height: 100%;
}

.menu-column .col > div a {
display: block;
background: #fff;
margin: 10px 0;
text-align: center;
}

.menu-column .col {
border-radius: 10px;
}

.menu-column .col > div a span {
font-size: 85%;
}

.colm1 {
background: #edf8fe;
}

.menu-column .col:nth-child(1) h2 {
color: #006da6;
}


.menu-column .col:nth-child(1) a {
color: #006da6;
}

.menu-column .col > div a {
	text-align: center;
}


.colm2 {
background: #f9feed;
}


.menu-column .col:nth-child(2) h2 {
color: #66a600;
}

.menu-column .col:nth-child(2) a {
color: #66a600;
border: 1px solid;
}


.colm3 {
background: #fef7ed;
}

.menu-column .col:nth-child(3) h2 {
color: #ff8a00;
}

.menu-column .col:nth-child(3) a {
color: #ff8a00;
border: 1px solid;
}


.colm4 {
background: #feedf2;
}

.menu-column .col:nth-child(4) h2 {
color: #c01b3e;
}

.menu-column .col:nth-child(4) a {
color: #c01b3e;
border: 1px solid;
}



.btn_info{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
  overflow: hidden;
    /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
    border: 1px solid #5ead3c;/* ボーダーの色と太さ */
    padding: 10px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn_info span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color:#5ead3c;
}

.btn_info:hover span{
  color:#fff;
}

/*== 背景が流れる（左から右） */
.bgleft:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background:#5ead3c;/*背景色*/
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}



.topmenu {
font-size: 1.2rem;
	padding: 5px;
	font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 600;

}


/* 情報公開
==================================================== */
.li_koukai {
	list-style: none;
	padding-left: 0px;
}

.li_koukai li {
border-bottom: 1px dotted #666;
padding: 10px;
 position: relative;
	padding-left: 35px;
	line-height: 1.5;
}

.li_koukai li::before {
    position: absolute;
    left: 1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: '\f152';
	color:#5ead3c;
}


/* 会報
==================================================== */
.tbl-tayori {
border-collapse: collapse;
border: 1px solid #ccc;
line-height: 1.5;
width: 100%;
margin-top: 20px;
}

.tbl-tayori th {
padding: 10px;
font-weight: bold;
vertical-align: top;
background: #efefef;
color: #000;
border: 1px solid #ccc;
}

.tbl-tayori td {
padding: 10px;
vertical-align: top;
border: 1px solid #ccc;
}


/* リンク集
==================================================== */
.link_list {
	list-style: none;
	padding-left: 0px;
}

.link_list li {
	padding: 10px;
	position: relative;
	padding-left: 35px;
	line-height: 1.5;
}

.link_list li::before {
    position: absolute;
    left: 1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: '\f152';
	color:#5ead3c;
}


/* コピーライト
==================================================== */
#copyright {
	font-size:13px;
	padding-bottom:10px;
}


/* タイトル
==================================================== */
h2.title_about {
	color: #fff;
	padding: 0.5em;
	display: block;
	line-height: 1.3;
	background: #006da6;
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;
}	

h2.title_irai {
color: #fff;
padding: 0.5em;
display: block;
line-height: 1.3;
background: #66a600;
vertical-align: middle;
border-radius: 25px 0px 0px 25px;
}

h2.title_kaiin {
color: #fff;
padding: 0.5em;
display: block;
line-height: 1.3;
background: #ff8a00;
vertical-align: middle;
border-radius: 25px 0px 0px 25px;
}

h2.title_katsudo {
color: #fff;
padding: 0.5em;
display: block
line-height: 1.3;
background-color: #c01b3e;
vertical-align: middle;
border-radius: 25px 0px 0px 25px;
}

	
h3.koumoku {
padding: 0.25em 0.5em;
color: #5ead3c;
background: transparent;
border-left: solid 5px #5ead3c;
margin-top: 30px;
}
	
	
	
.list {
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-left: 10px;
}
	
.flex {
display: flex;
flex-wrap: wrap;
	}

.list dt {
font-weight: 700;
width: 20%;
}
.flex > * {
flex: none;
}

.list dd {
flex: 1;
}


/* よくある質問
==================================================== */
.qa_list dt {
    margin-bottom: 1em;
    color: #333333;
	font-weight: 600;
	 display: flex;
  align-items: baseline;
  margin: 30px 0;
}

.qa_list dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}

.qa_list dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}

.qa_list dt::before,
.qa_list dd::before {
    margin-right: .4em;
}

.qa_list dt::before {
	content: "Q";
	display: flex;
  justify-content: center;
  align-items: center;
  background: #D65556;
  color: #fff;
  width: 35px;
  height: 35px;
}

.qa_list dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
	color: #333333;
	  display: flex;
  align-items: baseline;
  margin: 30px 0;
	
}

.qa_list dd::before {
	content: "A";
	display: flex;
	justify-content: center;
	align-items: center;
	background: #6699B7;
	color: #fff;
	width: 35px;
	height: 35px;
}

/* トップへ戻る
==================================================== */
a.page-top {
	position:fixed;
	bottom:60px;
	right:10px;
	opacity:0.5;
	color:#0064f2;
	display:block;
}
a.page-top:hover {
	opacity:0.7;
}

/* メディアクエリ
==================================================== */
// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {}

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {}


// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {}

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {}

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) {}

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) {}