@charset "utf-8";

body {
		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;
}

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:96%;
	line-height:1.6em;
}
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:500;
}

.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;
}

body { padding-top: 171px; }



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

@media (min-width: 576px) {
	h1 { font-size:1.4rem;}
}
@media (min-width: 768px) {
	h1 { font-size:1.6rem; }
}
@media (min-width: 1200px) {
	h1 { font-size:1.8rem; }
}
@media (min-width: 1400px) {
	h1 { font-size:2.2rem;}
}

@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.5rem;
	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-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.ps-80 { padding-left:80px; }
.pss-80 { padding-left:80px; }
.pe-80 { padding-right:80px; }
.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-80 { padding-top:80px; padding-bottom:80px; }
.px-80 { padding-left:80px; padding-right:80px; }
.py-110 { padding-top:110px; padding-bottom:110px; }

@media (max-width: 1199.98px) {
	.pss-80 { padding-left:30px;}
}

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

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




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

a:hover { color: #333; }

a.header-link {
	color: #fff; 
}

a.header-link:hover {
	color: #fff; 
}

.cont a {
	color: #2b467a;
}
a:hover img { opacity:0.8; }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

nav a, footer a { color: #fff; }
a.nav-item {
	color: #fff;
	display:inline-block;
	margin: .5rem 1em;
	line-height:1em;
	padding:.5em 0;
}
.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;
}


/* モバイルナビバー
==================================================== */
#navHeader {
	height:50px;
}
nav {
	z-index:301;background-color:#db731d!important;
}
nav a{
	color:#fff!important;
	text-decoration:none;
}
#brand { line-height:100%; font-weight: bold; padding-left:10px;}

#brand span {
	font-size:0.8em;
}
.nav-item {
	display:inline-block;
	padding:10px 0 10px 15px;
}
.nav-line {
	margin: 0;
	border-top: 1px dotted #fff;
}
.submenu a {
	border-left: 5px solid #fff;
	padding: 0 0 0 8px;
	margin: 2px 0;
	display:inline-block;
	line-height:1em;
}
.scrollable_wrap {
	max-width: 100%;
	overflow: hidden;
}
.scrollable {
	margin-right: -17px;
	padding-right: 17px;
	height: auto;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#navbarIcon {
	padding:8px;
	position:absolute;
	right:10px;
	top:2px;
}
#navbarIcon[aria-bs-expanded="false"] .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(255, 255, 255, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	
#navbarIcon[aria-bs-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(255, 255, 255, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}


/* ナビバー
==================================================== */
@media (max-width: 991.98px) {
	body { padding-top:49px; }
}
.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");
}

.navi_line {
	opacity: 0;
	display:inline-block;
	width:1%;
	height:1px;
	animation: stretch_to_right 0.7s ease 0.5s forwards;
	transform-origin: top left;
}

@keyframes stretch_to_right {
  0% {
	opacity: 0;
	transform: scaleX(1);
  }
  100% {
	opacity: 1;
	transform: scaleX(100);
  }
}

.side {
	padding-left:0px;
	padding-right:25px;
}


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





/* トップへ戻る
==================================================== */
a.page-top {
	position:fixed;
	bottom:60px;
	right:10px;
	opacity:0.5;
	color:#0064f2;
	display:block;
}
a.page-top:hover {
	opacity:0.7;
}
@media (max-width: 767.98px) {
	a.page-top {
		font-size:14px;
		bottom:0;
		right:0;
	}
}



/* フォントサイズ変更
==================================================== */

div.font-change{
}

div.font-change ul {
	list-style: none;
	padding:0px;
	margin: 0px;
}

div.font-change ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 10px;
}
div.font-change ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
div.font-change ul#fontSize li {
	background-color: #efefef;
	border: 1px solid #cccccc;
	padding: 5px 10px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}
div.font-change ul#fontSize li:hover {
	background-color: #ffffff;
}
div.font-change ul#fontSize li.active {
	background-color: #db731d;
	color: #ffffff;
}
div.font-change ul#fontSize li.active:hover {
	background-color: #999;
}

#content table.tbl-schedule {
  border-spacing: 0;
}

#help {
   margin-top:-160px;
	padding-top:160px;
}

/* ページの見出し
==================================================== */
.headtitle {
position: relative;
background-color: #fff;
border-bottom: 2px solid #ff9c00;
padding: 10px;
width: 100%;
	text-align: left;
}

.headtitle:before,
.headtitle:after {
content: "";
position: absolute;
top: 100%;
left: 5%;
transform: translateX(-50%);
}

.headtitle:before {
border: 12px solid transparent;
border-top: 12px solid #ff9c00;
}

.headtitle:after {
border: solid 14px transparent;
border-top: solid 14px #fff;
margin-top: -5px;
}

.headtitle p {
margin: 0;
padding: 0;
	font-size: 24px;
	font-weight:bold;
}	


/* ページ内タイトル
==================================================== */
.title {
font-size: 20px;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: 2em;
	margin-top: 30px;
position: relative;
border-bottom: solid 3px #e3e3e2;/* 線 */
color: #333;/* フォント色 */
}

.title:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #fdb300;
width: 300px;
bottom: -3px;
}


/* 基本情報
==================================================== */
.tbl-about {
border-collapse: collapse;
border: 1px solid #ccc;
line-height: 1.5;
width:100%;
margin-bottom:10px;
}
	
.tbl-about th {
padding: 10px;
font-weight: bold;
vertical-align: top;
background: #edf8fe;
color: #333;
border: 1px solid #ccc;

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


/* シルバー保険
==================================================== */
.tbl-hoken {
border-collapse: collapse;
border: 1px solid #ccc;
line-height: 1.5;
width:100%;
margin-bottom:10px;
}
	
.tbl-hoken th {
padding: 10px;
font-weight: bold;
vertical-align: top;
background: #edf8fe;
color: #333;
border: 1px solid #ccc;

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


/* 広報誌
==================================================== */

.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;
}

/* 情報公開
==================================================== */

.li_koukai {
	padding-left:10px !important;
}
.li_koukai li {
border-bottom: 1px dotted #666;
padding: 10px;
list-style-position: inside;
padding-left: 10px;
}


/* 事業メニュー
==================================================== */

h2.topmenu {
font-size: 1.2rem !important;
padding: 5px !important;
	}
	
h2.sidemenu {
font-size: 1.1rem !important;
padding: 5px !important;
	}

.irai_title {
	font-size: 1.3rem !important;
	padding: 5px;
	border-bottom: 2px solid #66a600;
	font-weight:bold;
	}

/* リンク
==================================================== */

.tbl-link {
border-collapse: collapse;
line-height: 1.5;
width: 100%;
margin-top: 20px;
}


.tbl-link td {
padding: 10px;
}



/* スライド文字載せ
==================================================== */
.box {  
	position: relative;
}

.box p {
    position: absolute;
    top: 35%;
	left: 10%;
	color: #db731d;
	font-size: 30px !important;
	text-shadow:
	1px 1px 0px #fff, -1px -1px 0px #fff,
	-1px 1px 0px #fff,  1px -1px 0px #fff,
	1px 0px 0px #fff, -1px  0px 0px #fff,
	0px 1px 0px #fff,  0px -1px 0px #fff;
	font-family:fot-chiaro-std,"BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

@media (max-width: 767.98px) {
	.box p {
    position: absolute;
    top: 10%;
	left: 5%;
	color: #db731d;
	font-size: 90% !important;
	text-shadow:
	1px 1px 0px #fff, -1px -1px 0px #fff,
	-1px 1px 0px #fff,  1px -1px 0px #fff,
	1px 0px 0px #fff, -1px  0px 0px #fff,
	0px 1px 0px #fff,  0px -1px 0px #fff;
	}
}


/* トップお知らせボタン
==================================================== */

.info_btn a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  transition: 0.3s;
}

.info_btn a::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 1em;
  transform: translateY(calc(-50% - 2px)) rotate(30deg);
  width: 12px;
  height: 2px;
  background-color: #ff9c00;
  transition: 0.3s;
}

.info_btn a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 70px;
  height: 2px;
  background-color: #ff9c00;
  transition: 0.3s;
}

.info_btn a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

.info_btn a:hover::before,
.info_btn a:hover::after {
  right: 0.5em;
}


/* ボタン
==================================================== */

.btn_etc a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  background-color: #fce7c6;
  transition: 0.3s;
}

.btn_etc a::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 1em;
  transform: translateY(calc(-50% - 2px)) rotate(30deg);
  width: 12px;
  height: 2px;
  background-color: #ff9c00;
  transition: 0.3s;
}

.btn_etc a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 70px;
  height: 2px;
  background-color: #ff9c00;
  transition: 0.3s;
}

.btn_etc a:hover {
  text-decoration: none;
	background-color: #ff9c00;
	color: #fff;
}

.btn_etc a:hover::before,
.btn_etc a:hover::after {
  right: 0.5em;
}

/* 理念
==================================================== */
.rinen_circle{
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
	background: #ff9c00;
	color: #fff;
  text-align:center;
	line-height: 100px;
	font-size: 24px;
	margin:10px;
}


/* 入会
==================================================== */
.tbl-nyuukai {
  width: 100%;
  border-collapse: collapse;
}


.tbl-nyuukai tr{
  border-bottom: solid 2px white;
}

.tbl-nyuukai tr:last-child{
  border-bottom: none;
}

.tbl-nyuukai th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.tbl-nyuukai th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tbl-nyuukai td{
  width: 70%;
  text-align: left;
  background-color: #eee;
  padding: 10px 15px;
}

.irai_about li {
	line-height: 180% !important;
}


/* TEL　チップ　介護事業
==================================================== */

.tel_box {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.tel_box p {
    margin: 0; 
    padding: 0;
}

/* ボタン
==================================================== */

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}

/* テーブル　チップ
==================================================== */
.tbl-r02 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
	padding: 10px;
	vertical-align: top;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}


/* メディアクエリ
==================================================== */
// 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) {}