@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


html {
	font-size:14px;font-size:1rem; background-color: #ffffff;  
	scroll-behavior: smooth;
}
body {
    width: 100%;
    background-color: #ffffff;
   line-height: 1.6;
    font-size: 10px;
    font-size: 1.0rem;
  
    font-family: Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic","Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo , sans-serif;
    font-weight: 500;
    -webkit-text-size-adjust: 100%;
    padding: 0;margin: 0;
	font-feature-settings : "palt";
	
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.inner-box {
   
    height: 100%;
}
/**/
.bg-clinic-50{background:  rgba(0,79,162,0.570);}
.bg-sky{background: #d3edfb;}
.bg-sky-g{background: linear-gradient(#d3edfb, #ffffff);}
.bg-sym{background: rgba(234,201,43,1.00);}
.bg-sym-m{background: rgba(234,201,43,0.20);}
.bg-sym-ms{background: rgba(234,201,43,0.10);}
/*typo*/


.title-h2{text-align: center;font-weight: 600;color: rgba(88,58,20,1.00); letter-spacing: 0.5em;margin: 1.5em 0 1em 0;}
.title-h2 img.title-img{ display: block; width: 80px; height: auto;margin: 0.5em auto;}
.title-h3{
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
 
	font-size: 1.4em;font-weight: 600;margin: 0.5em 0 1em 0;
}
.title-h3-bg{
  color: #ffffff;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
background:  rgba(0,79,162,0.570);
	font-size: 1.4em;font-weight: 600;margin: 1.5em 0;
}
/*202202*/
.title-h202{text-align: center;font-weight: 600;color: rgba(88,58,20,1.00); letter-spacing: 0.0em;margin: 1.5em 0 1em 0;}
.title-h3-bgr{
    color: #ffffff;/*文字色*/
    padding: 0.5em;/*文字周りの余白*/
    background-color: #bb121a;
    font-size: 1.4em;
    font-weight: 600;
    margin: 1.5em 0;
}
.title-h303{
    background-color: rgba(187,18,26,0.70);/*背景色*/
    color: #ffffff;
    padding: 0.5em;/*文字まわり（上下左右）の余白*/
    font-size: 1.0em;
    font-weight: 600;
    line-height: 1.8em;
    margin-bottom: 1.5em;
    border-radius: 5px;
}
.title-img-s{width: 30px;height: auto; margin-right: 0.5em;}
.title-h3 i{padding-right: 0.5em;}
.title-h301{width: 100%;
  color: #ffffff;/*#505050文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: rgba(0,79,162,0.570);/*背景色*/
  vertical-align: middle;
  border-radius: 30px 0px 0px 30px;/*左側の角を丸く*/
	font-size: 1.1em;font-weight: 600;margin: 0.5em 0 0.5em 0;
}

.title-h301:before {
  content: '●';
  color: /*rgba(234,201,43,1.00)*/#ffffff;
  margin-right: 5px;
}
.title-h302,.title-bg{
  background: rgba(0,79,162,0.10);/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
	font-size: 1.0em;font-weight: 600;
	line-height: 1.8em;margin-bottom: 1.5em;border-radius: 5px;
}
.h_coution {text-align: center;
    position: relative;
    padding-left: 1.1em;
    line-height: 1.4;
    font-weight: 900;
    color: #bb121a;
}
@media screen and (max-width:575.98px){.title-h2{ letter-spacing: normal;margin: 1.5em 0 1em 0;font-size: 1.4em;}
	.title-h3{font-size: 1.1em;margin: 0.5em 0 0.5em 0;padding-top: 1em;}
	.lead{font-size: 1em;}
	.title-h202{font-size: 1.3em;}
}
.full-bg div p.text-tell{color: #ffffff; font-size: 2.5em; font-weight: 900; background: rgba(0,79,162,0.50);padding: 0.15em 0;margin:1em 0.75em;}
@media screen and (max-width: 991.98px){.full-bg div p.text-tell{font-size: 1.5em;}.lead{font-size: 1.1em;}
.title-h202{font-size: 1.5em;}}
/**/
.navbar-brand,.navbar-num{width: 350px; padding:0.75em 0;}
@media screen and (min-width: 1200px){
.nav-global{ border: 0px solid; margin: 0 0.5em;}
.nav-global li{height: 80px; padding: 1.5em 0 0 0; font-weight: 600;margin: 1em 0 0 0; }

.nav-global li:hover{
	color: #ffffff;
    background-color: rgba(0,79,162,0.52);
}
.navbar-light .navbar-nav .nav-link {border:0px solid; height: 100%;font-family: "Noto Sans JP";}
.navbar-light .navbar-nav .nav-link:hover{
color: #ffffff; background-color: rgba(0,79,162,0.52);
}

}
@media screen and (min-width: 992px) and (max-width: 1199.98px){
.nav-global{ border: 0px solid; margin: 0 0.5em;}
.nav-global li{height: 80px; padding: 1.5em 0 0 0; font-weight: 900;margin: 1em 0 0 0;}

.nav-global li:hover{
	color: #ffffff;
    background-color: rgba(0,79,162,0.52);
}
.navbar-light .navbar-nav .nav-link {border:0px solid; height: 100%;}
.navbar-light .navbar-nav .nav-link:hover{
color: #ffffff;
}

}
@media screen and (max-width: 991.98px){
	.navbar-brand,.navbar-num{width: 280px; padding:0.75em 0;}
	.navbar-num{display: block;margin: 0.5em auto;}
	.nav-item {width: 100%; font-size: 1.1em;font-weight: 900;}
	.nav-item:hover{
	color: #ffffff;
    background-color: rgba(0,79,162,0.52);
}
	.navbar-light .navbar-nav .nav-link:hover{
color: #ffffff;
    background-color: rgba(0,79,162,0.52);
}
}

main{padding-top: 175px;padding-bottom: 0;margin-bottom: 0;}
footer{color: #ffffff;}
footer a,footer a:hover{color: #ffffff;}
.footer-nav li{ padding:0 0.25em;}
.footer-nav li::after{content: "｜"; padding-left: 0.75em}
.footer-nav li:last-child::after{content: ""; padding-left: 0.0em}
.site-name{width: 360px;}
.text-s{font-size: 0.8em;}

/*@media screen and (max-width: 575.98px){.footer-nav li{ padding:0 0.15em;}
.footer-nav li::after{content: "｜"; padding-left: 0.5em}
.site-name{width: 100%;}}*/
.contents_innner {
	display: block;
    padding-top: 180px;
    margin-top:-180px;
}

@media  (max-width: 991.98px){
	main{padding-top: 85px;}
.contents_innner {
	display: block;
    padding-top: 85px;
    margin-top:-85px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	main{padding-top: 155px;}
.contents_innner {
	display: block;
    padding-top: 155px;
    margin-top:-155px;
}
	
}
.main-image{width: 100%; height: auto;}
.full-bg{
    background-image: url(../images/bg01.jpg);
    background-size: cover;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    
   
}
.full-bg2{
    background-image: url(../images/bg02.jpg);
    background-size: cover;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    
   
}.full-bg::before,.full-bg2::before{background-color:rgba(255,255,255,0.8);content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;width: 100%;height: 100%;}
.full-bg div p{color:#000;}
.full-bg h2{  position: relative;
  z-index: 1;
    color: rgba(0,0,0,1.00);
    font-weight: 600;
}


.table-01,.table-02{width: 100%;margin: 0 auto;
margin-bottom: 1.5em;
font-weight: 600;
text-align: center;
border-bottom: 1px solid #004fa2;
border-collapse: collapse;
border-spacing: 0;}

.table-01 tr {
    border-left: 1px solid rgba(0,79,162,1.00);
    border-top: 1px solid #004fa2;
}
.table-01 th {
	padding: 10px 5px;
    background:rgba(0,79,162,1.00);
    border-right: 1px solid #ffffff;border-bottom:1px solid #ffffff; ;
    color: #fff;
}
 .table-01 td {
    border-right: 1px solid  #004fa2;
    color:  #004fa2;
}
.table-02 tr {
    border-left: 1px solid rgba(0,79,162,0.760);
    border-top: 1px solid #004fa2;
}
.table-02 th {
	padding: 10px 5px;
    background:rgba(0,79,162,0.60);
    border-right: 1px solid  rgba(255,255,255,0.80);border-bottom:1px solid  rgba(255,255,255,0.80);
    color: #fff;
}
 .table-02 td {
    border-right: 1px solid  #004fa2;background: #ffffff;
    color:  #004fa2;
}
.bt-line{border-bottom: 5px solid rgba(127,126,126,0.30);}
/**/
.list-uline li{ line-height: 1.5em;padding: 0.5em 1em; border-bottom: rgba(127,126,126,0.30) solid 1px;}

/*NEWS*/

.wrapper {
  position:relative;
  display:inline-block;width: 100%;
}

.label {
    position: absolute;
    color: black;
    background-color: rgba(0,79,162,0.570)/*rgba(255,255,255,0.51)*/;
    padding: 5px 15px;
}

.label-left-bottom{width: 100%;
  left:0;
  bottom:0px;
}
.wrapper img {
  width:100%;height: auto;
  vertical-align: bottom;
}
@media (min-width: 992px) {
	h3#News{display: none;}
	.label {padding-top: 2em;}
}
@media screen and (max-width: 991.98px){
	h3#News{padding: 0.5em;margin: 0;}
	.label {
    position: static;
    color: black;
    background-color: rgba(0,79,162,0.75)/*rgba(255,255,255,0.51)*/;
    padding: 5px 15px;
}
}
.li-date{padding-right: 1em;}
@media (max-width: 767.98px){
	.li-date{clear: both;float: none;display: block;}}

#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: rgba(234,201,43,1.00);;
  opacity: 1.0;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'トップへ';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/*list*/
.list-icon li{padding-right: 1em;}
.list-icon li:before{ font-family: "Font Awesome 5 Free";
  content: '\f2c2';
  font-weight: 900;color: #ca754d;}

/*dl*/
.dl-01{padding: 0.5em;}
.dl-01 dt{margin-bottom: 0.25em;}
.dl-01 dt::before{content: "■";padding-right: 0.25em;}
.dl-01 dd{padding: 0.25em 0.5em;}


/*260119*/
/*260119*/
.wrapper h1{
    margin: 1em 0.5em;
    font-weight: 600;
}
.title-h2-n{font-weight: 600;color: rgba(88,58,20,1.00); letter-spacing: 0em;margin: 1.5em 0 1em 0;}
.title-h2-n span{display: block;font-size: 0.5em;padding: 0 0 1em 0;}
.title-h3 a{display: inline-block;}
.title-h3 span{ display:block;font-size: 0.75em;text-align: left;}
#news{padding: 3em 0em 5em 0em;}
#news p{font-size: 1.1em;}
#news img{width: 70%;height: auto;margin: 2em auto;display: block;}


@media  (max-width: 991.98px){
	#news{padding: 3em 0em 5em 0em;}
	#news img{width: 100%;height: auto;margin: 2em auto;display: block;}
	.wrapper h1{
    margin: 1em 0.5em;
    font-weight: 500;font-size: 2em;
}	.title-h2-n{font-weight: 600;color: rgba(88,58,20,1.00); letter-spacing: 0em;margin: 1.5em 0 1em 0; font-size: 1.6em;}
}
@media screen and (max-width: 575.98px) {
	.wrapper h1{
    margin: 1em 0.5em;
    font-weight: 500;font-size: 2em;
}
	.title-h2-n{font-weight: 600;color: rgba(88,58,20,1.00); letter-spacing: 0em;margin: 1.5em 0 1em 0; font-size: 1.4em;}
	#news p{font-size: 1.0em;}
}

.news-list{width: 80%;
  list-style: none outside;
  margin: 0 auto 3em auto;
  padding: 0;
}
.news-list .item span,.news-list .item span a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;


}
.news-list .item span{padding: 20px 20px;  border-bottom: 1px solid #CCC;}
.news-list .item span a .title{
text-decoration: underline;
}
.news-list .item a:hover{color: #007bff;}
.news-list .item:first-child {
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}

.news-list .item a:hover .title{
  color: #007bff;
}

@media screen and (max-width: 767px){
	.news-list{width: 100%;}
.news-list .item span,.news-list .item span a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}