.text-ou {
  font-size: 16px;
  color: #0085b9;
  letter-spacing: 0.2em;
  padding-left: 23px;
}
.text-ou::before
{content: url('https://www.tda.or.jp/images/admin/poster/2025/tokubetsu/ou2.jpg');  position: absolute;
position: absolute;
  width: 30px;
  left: 0px;
  margin-right: 0px;
  text-align: left;
  margin-left: 0px;}

.sp_br {
  display: none; //768px以上では改行タグを無効に。
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block; //768px未満で改行タグを有効に。
  }
}
.col_5{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.col_5 > div{
	width: 20%;
	padding: 10px;
}
.col_5 > div > div{
	background: #ff0000;
	height: 120px;
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col_5 > div{
		width: 25%;
	}
}
@media screen and (max-width: 480px) {
	.col_5 > div{
		width: 33.33333%;
	}
}

.col_4{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.col_4 > div{
	width: 26%;
	padding: 10px;
}
.col_4 > div > div{
	
	height: auto;
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
.h3_title2 {
  margin-top: 100px;
  color: #1a2d79;
  font-size: 20px !important;
  margin-bottom: 20px;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: nomal;
  text-align: center;
}
.award_name {
  font-size: 14px !important;
  color: #0085b9;font-weight:bold;
}
.h3_ti
}
 .award {
    position: relative;
    padding: 1rem 2rem 0.8rem 4em;
    background: #f7ee72;
    font-size: 22px;
    border: 1px solid #bbb;
    margin:50px 10px !important;
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #55530b;
  }
.col_3{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.col_3 > div{
	width: 33%;
	padding: 10px;
}

.col_3 > div.kasaku{
	width: 28%;
	padding: 10px;
}
.col_3 > div.tate{
	width: 28%;
	padding: 10px;
}


.col_3 > div.mix {
  width: 36%;
  padding: 10px;
}
.col_3 > div.mixmix {
  width: 33.3%;
  padding: 10px;
}

.col_3 > div > div{
	
	height:auto;
	position: relative;
	overflow: hidden
}
.col_3 > div.kasaku > div{
	
	height:auto;
	position: relative;
	overflow: hidden
}
.col_3 > div.tate > div{
	
	height:auto;
	position: relative;
	overflow: hidden
}
.col_3 > div.mix > div{
	
	height:auto;
	position: relative;
	overflow: hidden
}

@media screen and (max-width: 768px) {
	.col_3 > div{
		width: 50%;
	}
.col_3 > div.kasaku{
		width: 50%;
	}
.col_3 > div.tate{
		width: 50%;
	}
.col_3 > div.mix{
		width: 50%;
	}
.col_3 > div.mixmix{
		width: 50%;
	}

}
@media screen and (max-width: 480px) {
.kotoba {
  border-bottom: 1px solid #bbb;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 17px !important;
  color: #0085b9;
}
	.col_3 > div{
		width: 100%;
	}
.col_3 > div.kasaku{
		width: 100%;
	}
.col_3 > div.tate{
		width: 75%;
    margin: 0 auto;	}

.col_3 > div.mix{
		width: 100%;
	}
.col_3 > div.mixmix{
		width: 100%;
	}

.col_2dou {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.col_2kin {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
}

.col_2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
.col_2 > div > div{
	
	height: auto;
	position: relative;
	overflow: hidden
}
.col_2kin{
	width: 80%;
	display: flex;
	flex-wrap: wrap;
}
.col_2kin> div{
	width: 50%;
	padding: 10px;
}
.col_2kin> div > div{
	
	height: auto;
	position: relative;
	overflow: hidden
}
.col_2dou{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
}
.col_2dou> div{
	width: 50%;
	padding: 10px;
}
.col_2dou> div > div{
	
	height: auto;
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
.col_2 > div{
		width: 100%;
	}
.kotoba {
  border-bottom: 1px solid #bbb;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 20px;
  color: #0085b9;
}
}

h4 span.bkg4 {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 0.1em;
  padding: 0 0em;
  background-color: #fff !important;
  text-align: left;
  color: #0f1115;
  font-size: 130%;}
.h3_title
{color:#1a2d79;font-size: 35px;
margin-bottom: 20px;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;text-align:center;}
.all_box{
    background-color: #fff;
    padding: 10px;
    margin: 20px auto 20px auto;border:1px solid #8d9293;max-width:960px;
}

dl.poster3{padding: 6px 10px 6px;
background: #fff !important;
margin: 0;
font-weight: normal;
border-left: none;
border-top: none;
border-radius:0 0 0 0;}
dt.poster {
	font-size: 21px;background: #fff !important;
margin:0 0 10px 0;
font-weight: normal;
border-left: none;
border-top: none;
border-radius:0 0 0 0;float: left;text-align: left;
width: 45%;
}

.dt.poster span {
	font-size: 36px;
	color: #12a6b9;
}


dd.poster2 {background: #fff !important;
margin: 0;
font-weight: normal;
border-left: none;
border-top: none;
border-radius:0 0 0 0;
	font-size: 16px;
	letter-spacing: 0.1em;
	overflow: hidden;width:100% !important;padding-bottom:0 !important;
}

dd.poster2 img {
	vertical-align: sub;
	margin: 0 5px;
}

dd.poster2 span {
	font-size: 22px;
	color: #2545e1;
}

dd.poster2 p {
	float: left;
	display: inline-block;
	line-height: 42px;
}

ul.zuga {
	display: block;
	overflow: hidden;
}

li.zugaposter {
	float: left;
	padding-top:5px;text-align:left;padding-left: 10px;
}
li.zugaposter:nth-child(3n+2) {
	width: 34%;
}

dd.poster2:nth-of-type(1) ul.zuga li.zugaposter:nth-of-type(1) {
	width: 30%;
}

.top-wrap{
    margin: 0 auto;
    padding: 0 0px;
    max-width: 1000px;
    width: 100%;position: relative;}

.mankitu-bk {
   
    margin-top: 0px;
   
}

.loop {
    padding-top: 0px;
    padding-bottom: 30px;
    overflow: hidden;
}
.loop__box {
    display: flex;
    width: 100vw;
}
.loop__box img {
    max-height: 276px;min-width: 100vw;}
.loop__box img:first-child {
    animation: loop 50s -25s linear infinite;
}

.loop__box img:last-child {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}
@media screen and (min-width: 768px) {
  .wrapper960 {
    width: auto;
    margin: 0 auto;
    max-width: none !important;
  }
}

.map-wrap {
  max-width: 70%;}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 42.5%; }


.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box17-2{
    margin: 2em 0;
position: relative;
padding: 1.2em 1.5em;
border-top: solid 2px #e96994;
font-size: 1.46em;
text-align: center;
line-height: 200%;}
.box17-2:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color:#fff;
}
.box17-2:before {left: 10px;}
.box17-2:after {right: 10px;}
.box17-2 p {
    margin: 0; 
    padding: 0;
}


.heading08 {
	font-size:44px;text-align: left;
}

.heading08 span {
	display: flex;
align-items: center;
color: #e96994;
font-size: 19px;
text-transform: uppercase;
margin-top: 50px;  margin-bottom: 10px;
}

.heading08 span::before {
	content: '';
display: inline-block;
margin-right: 5px;
width: 60px;
height: 2px;
background-color: #e96994;}

.marker-animation
{background-image:-webkit-linear-gradient(left, transparent 50%, rgb(255, 244, 40) 50%);
background-image:-moz-linear-gradient(left, transparent 50%, rgb(255, 244, 40) 50%);
background-image:-ms-linear-gradient(left, transparent 50%, rgb(255, 244, 40) 50%);
background-image:-o-linear-gradient(left, transparent 50%, rgb(255, 244, 40) 50%);
background-image:linear-gradient(left, transparent 50%, rgb(255, 244, 40) 50%);
background-repeat:repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}
 
.marker-animation{background-position: -100% .5em;}
.active{background-position: -100% .5em;}

.sticky-container {
  height: auto;
  width: 90%;
margin: 20px auto;
}
.event-title-pr {
  font-size: 1.8rem;
  text-align: left;
  background: rgba(255,255,255,0.4);
  border: 1px solid rgba(255,255,255,0.4);
  padding: 30px 20px;
  color: #282828;
  line-height: 180%;
}
.pr-box {
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
  padding: 0px 0px;font-size: 1.46rem;
color: #282828;
line-height: 190%;
  }

.pr-box p {
  display: inline-block;
  text-align: left;
}
.pr-box-s {
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
  padding: 0px 0px;
  font-size: 1.1rem;
  color: #282828;
  line-height: 250%;
}
.pr-box-s p {
  display: inline-block;
  text-align: left;
}

.pr-box-t {
  max-width: 630px;
  text-align: center;
  margin: 0 auto;
  padding: 0px 0px;
  font-size: 1.1rem;
  color: #282828;
  line-height: 250%;
}
.pr-box-s t {
  display: inline-block;
  text-align: left;
}



h2.pr {
    position: relative;
    padding: 15px;
    border: 3px solid #333;
    background-color: white;
    color: #333;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}

h2.pr:before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) skew(-25deg);
    height: 25px;
    width: 15px;
    border-right: 3px solid #333;
    background-color: white;
    content: "";
}


.box17{
    margin: 2em 0;
position: relative;
padding: 1.2em 1.5em;
border-top: solid 2px #e96994;
border-bottom: solid 2px #e96994;
font-size: 1.3em;
text-align: center;
line-height: 200%;}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color:#fff;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

ul.topzuga {display: flex;}

.wrap-e {
  display: flex;
  flex-wrap: wrap;
}

.item-e {
  padding: 10px;
  width: 32%;
  background-color: #eab7b7;border-radius: 5px;
}

.item-e:not(:nth-child(3n+3)) {
  margin-right: 2%;
}

.item-e:nth-child(n+4) {
  margin-top: 30px;
}

@media not all and (min-width: 768px) {
  .item-e {
    width: 95%;margin: 0 auto;
  }

  .item-e:not(:nth-child(3n+3)) {
    margin-right: none;
  }

  .item-e:nth-child(n+2) {
    margin-top: 30px;

  }
}
.inner-zugatop {
  max-width: 958px;
  margin: 0px auto;
    margin-right: auto;
    margin-left: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 0 0 0;display: table;
}
.poster-wrap{
 max-width: 740px;
padding: 10px;
  margin: 0 auto 120px auto;font-size: 17px;
letter-spacing: 0.2em;
}
ul.flexContent-p{
  display:flex;
  justify-content:space-between;
  flex-wrap: wrap;text-align:center;}

ul.flexContent-p::before{
   content: "";
display: block;
width: 180px;
height: 0;
-webkit-box-ordinal-group: 2;
order: 1;
  }
ul.flexContent-p::after{
    content:"";
    display:block;
    width: 160px;
    height:0;
  }
}
ul.flexContent-p li{list-style: none;
margin-bottom: 10px;
width: 160px;}

ul.flexContent-p >li{
  list-style: none;
  margin-bottom: 10px;
  width: 160px;
}
.poster-btn{
  display: inline-block;
  box-sizing: border-box;
  padding:10px;
  text-decoration:none;
  border-radius:5px;width:160px;
  outline: none;background-color:#777679;
   color: #fff !important;}


.poster-btn::before,
.poster-btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.poster-btn,
.poster-btn::before,
.poster-btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.poster-btn:hover {
  background-color:#85c88c;
}




.z-listCard {
      display: flex;
      flex-wrap: wrap;
      gap: 20px 20px;
    }
    .z-listCard .z-listCard__item {
      width: calc(100% / 3 - 20px);
      background: #fff;
    }
    .z-listCard .z-listCard__item a {
      display: flex;
      flex-direction: column;
      height: 100%;
      padding: 10px 20px 20px;
    }
    .z-listCard .btn {
      display: block;
      text-align: center;
      margin: auto auto 0;
      padding: 6px 28px;
      color: #fff;
      background: #444;
      box-shadow: 0 3px 5px rgb(0 0 0 / 50%);
      border-radius: 50px;
 
    }


.maintenance{

left: 50%;
top: 30%;
margin:0 auto;
width: 80%;
border: 2px solid #666;
padding: 64px 32px;
box-sizing: border-box;
background: #fff;
text-align: center;
}
.maintenance-message{
font-size: 34px;
margin-bottom: 24px;
font-weight: bold;
}
.maintenance-date{
color: #fff;
padding: 8px;
background: #cc0000;
width: 90%;
margin: 0 auto 16px;
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 85px !important;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding:15px 10px 10px 10px!important;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}



/*----------------------*/
@media screen and (min-width: 680px){   
  .pc { display:inline; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:inline; }
ul.topzuga {display: block !important;}

  .post-form2 {
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #bf1142;
    padding: 20px 10px 10px 10px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 14px !important;
    font-weight: normal;
}
 
}

/*----------------------*/

h2.ppt-list{
	position: relative;
padding: 2px 48px ;
border-bottom: 1px solid #1F4288;
font-weight: lighter;
font-size: 23px;
text-align:left !important;background-image: none !important;
}

h2.ppt-list:before, h2.ppt-list:after{
	content:"";
	display:block;
	position:absolute;
}
h2.ppt-list:before{
	width:32px;height:32px;
	border-radius:50%;
	border:1px solid #ddd;
	bottom:-16px;
	left:8px;
}
h2.ppt-list:after{
	height:64px;
	border-left:1px solid #ddd;
	bottom:-32px;
	left:24px;
}
.info_box-l {
    background: #fff;
color: #262525;
border: double 2px #86bbaa;
margin:40px 0 30px 0;
padding: 20px 40px;
max-width: 100%;
font-size: 16px;
text-align: left;

overflow: hidden;line-height: 200%;
}
/* table01 */
#tableinfo {
  width: 80%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin:0 auto;
}
#tableinfo tr {
  border-bottom: 1px solid #b5b1b1;
}

#tableinfo th{
  padding: 20px 0;
  border: none;font-weight:bold;
}
#tableinfo td {
  padding: 20px 0;
  border: none;
}

#tableinfo th {
  width: 15%;
}

/* sp */
@media only screen and (max-width: 480px) {
.box17-2{
  margin: 2em 0;
  position: relative;
  padding: 1.2em 1.5em;
  border-top: solid 2px #e96994;
  font-size: 1em;
  text-align: center;
  line-height: 200%;
}
.box17-2{
  margin: 2em 0;
  position: relative;
  padding: 1.2em 1.5em;
  border-top: solid 2px #e96994;
  font-size: 1em;
  text-align: center;
  line-height: 200%;
}
.pr-box-s{
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
  padding: 0px 0px;
  font-size:1rem !important;
  color: #282828;
  line-height: 250%;
}
  
  .maintenance-message{
font-size: 20px;
margin-bottom: 24px;
font-weight: bold;
}
  
  .info_box-l{
  background: #fff;
  color: #262525;
  border: double 2px #86bbaa;
  margin: 40px 0 30px 0;
  padding: 20px 0px;
  max-width: 100%;
  font-size: 16px;
  text-align: left;
  overflow: hidden;
  line-height: 200%;
}
  h2.ppt-list{
	position: relative;
padding: 2px 35px !important;
border-bottom: 1px solid #1F4288;
font-weight: lighter;
font-size: 16px !important;
text-align:left !important;background-image: none !important;
}
  #tableinfo th,
  #tableinfo td {
    width: 100%;
    display: block;
  }

  #tableinfo th {
    width: 100%;
  }

  #tableinfo td {
    padding-top: 0;
  }
}



.bottom-space{padding-bottom: 150px !important;}
dl.event02 {
overflow: hidden;
zoom: 1;font-size: 16px;
}
dl.event02 dt {
color: #021b66;
width: 180px;
float: left;
clear: both;
font-weight: bold;
  padding:10px 0px 15px 10px;
background: #fff;
margin: 0 0 5px 0;
font-weight: bold;
border-left: 0px solid #444;
border-top: 0px solid #444;
border-radius: 0px 0 0 0;
}
dl.event02 dd {
padding: 10px 0 15px 120px;
border-bottom: 1px dotted #999;
width: 100%;
width: auto;
border-left: 0px solid #444;
background: #fff;
margin: 0px 0 5px 0;
0
	}


.box-center-2022 {
    color: #fff;
    width: 80%;
   letter-spacing: 0.2em;
    margin: 10px auto;
    text-align: center;
    font-size: 140%;
    border-radius: 20px;
    background-color: #e96994;
    padding: 10px;
}
.panel-form-rs{
    position: relative;
   width: 90%;
    border-radius: 10px;
    background-color: #fff;
    margin:0 auto 40px auto;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
  padding:20px;font-size: 14.5px;text-align:left;
}
.panel-form02 {
    position: relative;
  color:#222;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 auto 40px auto;
        margin-top: 0px;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    padding: 20px;
    font-size: 15px;
    text-align: left;
}
.panel-form img{
height: auto;}
.form-list{line-height: 150%;
margin: 30px auto;
width: 960px;}
table#form2 {margin-top:5px;
    border-top:1px solid #c2c2c2;
    border-left:1px solid #c2c2c2;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#f7f7f7;
    empty-cells:show;
   
}
table#form2 th{
  border-right:1px solid #c2c2c2;
  border-bottom:1px solid #c2c2c2;
  color:#666666;
  background-color: #F2E7D2;
padding: 10px;vertical-align: middle;
 
}
table#form2 td{
  border-right: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
font-size: 10pt;
color: #333333;
line-height: 150%;
text-align: center;
padding: 10px;
width: 40px;
}
table#form2 td.o-left{
  border-right:1px solid #c2c2c2;
  border-bottom:1px solid #c2c2c2;
 text-align:left;
  font-size: 10pt;
  color:#666666;
  line-height: 150%;
  padding:5px 10px 5px 10px;
}
.tda-event-inner {
    max-width: 800px;
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0 68px 0;
}

.title-line {
    border-bottom: 4px solid #949e95;
    padding-bottom: 8px;
}
.table-scroll {
    overflow-x: auto;
overflow-y: hidden;
top: 0;
margin-bottom: 20px;margin-right:30px;width:100%;
}
.full-box-title-event {
    text-align: center;
    line-height: 1.7em;
    font: 13px/1.231 "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
        font-size: 13px;
    letter-spacing: .06em;
    color: rgb(255, 255, 255);
    font-size: 180%;
    margin-top: 10px;
}
.page-soon {
    padding: 30px 10px 0 10px;
    text-align: center;
    color: #c0ff65;
    font-size: 22px;
}
p.event2022{text-align: center;
font-weight: bold;
font-size: 130%;
line-height: 150%;
background-color: #ddd;padding: 10px 5px;}
.post-form2 {
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #990064;
    padding: 10px 10px 10px 10px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 18px;
    font-weight: bold;
}
.top-wrap2{margin: 0px auto 30px auto;
max-width: 1126px;
width: 100%;
position: relative;
    background: url("https://www.tda.or.jp/images/admin/event/bk.png") left top;
        background-repeat: repeat;
        background-size: auto;
    background-repeat: repeat;
    background-size: auto;

    padding: 0px 0 12px 0px;
    font-size: 1rem;
    background-size: cover;text-align: center;
 
}

.top-wrap-covid19{margin: 30px auto;
max-width: 985px;
width: 100%;
position: relative;
   
    padding: 20px 0 12px 0px;
    font-size: 1rem;
    background-size: cover;text-align: center;
 
}
.top-wrap2-e{margin: 30px auto;
max-width: 960px;
width: 100%;
position: relative;
   
        background-repeat: repeat;
        background-size: auto;
    background-repeat: repeat;
    background-size: auto;

    padding: 20px 0 12px 0px;
    font-size: 1rem;
    background-size: cover;
 
}
.event-title{font-size:2.2rem;text-align:center;	background: rgba(255,255,255,0.4);
	border: 1px solid rgba(255,255,255,0.4);padding: 30px 20px;color: #282828;line-height: 150%;}
.post-form{
    margin-bottom: 10px;
    font-size: 90%;
    text-align: center;
    text-transform: uppercase;
    color: #bf1142;
padding: 30px 10px 10px 10px;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.post-form3{
    margin-bottom: 10px;
    font-size: 23px;
    text-align: left;
    text-transform: uppercase;
    color: #bf1142;
  padding: 30px 10px 10px 0px;}

.panel-form{
    position: relative;
color: #282828;

background-color: #fff;
margin: 0 auto 40px auto;
padding: 0 0 30px 0;
font-size: 15px;
text-align: left;
border-bottom: 4px solid #949e95;
}

.panel-form img{
height: auto;}
.form-list{line-height: 150%;
margin: 30px auto;
width: 960px;}
table#form {margin-top:5px;table-layout: fixed;
    border-top:1px solid #868585;
    border-left:1px solid #868585;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#f7f7f7;
    empty-cells:show;
  max-width: 100%;
  border-collapse: collapse;overflow: scroll;
   
}
table#form th{
 border-right: 1px solid #868585;
border-bottom: 1px solid #868585;
color: #353535;
background-color: #F4E299;
padding: 10px;
vertical-align: middle;
 
}
table#form td{
  border-right: 1px solid #868585;
border-bottom: 1px solid #868585;
font-size: 10pt;
color: #333333;
line-height: 150%;
text-align: center;
padding: 15px;
}
table#form td.o-left{
  border-right:1px solid #868585;
  border-bottom:1px solid #868585;
 text-align:left;
  font-size: 10pt;
  color:#666666;
  line-height: 150%;
  padding:5px 10px 5px 10px;
}



li.news-space{margin-left: 1.4em;text-indent: -1.4em;}
table.news-2021 {
    width: 90%;
    margin: 40px 20px;font-size:14px;
}
table.news-2021 th {
  background: #fff;
  border: solid 1px #c8ccc9;
  color: #3d3f42;
  padding: 5px;width:30%;font-weight: bold;vertical-align: top;}
table.news-2021 td {
　background: #fff;
  border-top: solid 1px #c8ccc9; border-right: solid 1px #c8ccc9; border-bottom: solid 1px #c8ccc9;
  color: #3d3f42;
  padding: 5px;text:align:center;}


/*----------------------*/


.inner-link {
    max-width: 900px;
    margin: 0px auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 0 0 30px;
}

.tda-osirase{
  width: 95%;
  margin: 0 auto;
  
  border: 0px solid #000;
  padding: 10px;
  overflow: hidden;
}
.tda-osirase-1{
  width: 50%;
  float: left;
  
  border: 0px solid #000;
}
.tda-osirase-2{
  width:  50%;
  float: left;

  border: 0px solid #000;
}

/*----------------------*/



.page-body {
    max-width: 960px;
    margin: 0 auto;}

.parent-sagasou{
 height: 300px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.item-sagasou{
 
 height: 300px;
}
.big-sagasou{
 height: 80px;
}


.info-call {
    font-size: 140%;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: bold;
    color: #1c1313 !important;
}
.info-text {
    color: #ff0000;
    font-size: 130%;
}

h2.ppt-list{
	position: relative;
padding: 2px 48px !important;
border-bottom: 1px solid #1F4288;
font-weight: lighter;

text-align:left !important;background-image: none !important;
}

h2.ppt-list:before, h2.ppt-list:after{
	content:"";
	display:block;
	position:absolute;
}
h2.ppt-list:before{
	width:32px;height:32px;
	border-radius:50%;
	border:1px solid #ddd;
	bottom:-16px;
	left:8px;
}
h2.ppt-list:after{
	height:64px;
	border-left:1px solid #ddd;
	bottom:-32px;
	left:24px;
}



.red {
    color: #E73656 !important;
}

.oral-flail_bg {
    position: relative;
    
  background-repeat: no-repeat;
    padding: 5px 0 17px 73px;
    margin-bottom: 1.5em !important;width:90%;
    margin-top:30px;font-size:31px;color:#000;font-weight: bold;
}

.oral-flail_bg::after  {
    position: relative;
    text-align: center;
    padding-bottom: 2px;
    margin-bottom: 1.5em !important;
    border-bottom: 4px solid #ebebeb;
}
.oral-flail-body {
    margin: 0 0 35px 0px;
}

.oral-flail-body h2 {
    font-size: 1em;
    line-height: 1.0;
    color: #718DCA;
    font-weight: bold;
}

.oral-flail-body p {
    font-size: 1em;
    line-height: 1.60;
    color: #494949;
    margin: 0 0 15px;
}

.oral-flail-body h1 {
    font-size: 1.9em;
    line-height: 1.8;
    color: #17243E;
    margin: -10px 0 3px 0px;
    font-weight: bold;
}

.oral-flail-body p {
    font-size: 1.1em;
    line-height: 1.80;
    color: #3A3A3A;
    margin: 0 90px 15px 18px;}

.covid19-body {
    margin: 0 auto 35px auto;max-width:900px;
}
.covid19-body p {
    font-size: 1.1em;
    line-height: 1.80;
    color: #000000;
    margin: 15px 18px 15px 18px;}

.covid19-body h2 { background-image: url("https://www.tda.or.jp/images/admin/covidbk.png");     background-position: left bottom;     background-repeat: repeat-x; text-align:center;}

.covid19_box {
    background: #f3f9fd;
color: #262525;
border: double 2px #1f4288;
margin:40px 0 30px 0;
padding: 10px;
max-width: 100%;
font-size: 17px;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;overflow: hidden;
}
.covid19_box-l {
    background: #f3f9fd;
color: #262525;
border: double 2px #1f4288;
margin:40px 0 30px 0;
padding: 20px 40px;
max-width: 100%;
font-size: 16px;
text-align: left;
font-weight: bold;
overflow: hidden;line-height: 200%;
}

.covid19_box_title {
    font-size: 23px;padding:10px;
    color: #1f4288;text-align:left !important;letter-spacing: normal;
}
.oral-flail-photo-r{float:right; margin :-30px 70px 20px 5px;}
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #477be2;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #e0f3fb;
  color: white;
}

/*相歯相愛レイアウト2016*/

#mutual-body2016{width:860px; height:1455px;background: none repeat scroll 0 0 #F5B6D1;
    border-radius: 40px;background-image:url("../../../images/admin/mutual/2016mutual/mouth-bk.png");background-repeat:no-repeat;background-position:105px 295px;position: absolute;}

.mutual-title2016{width:720px; height:140px;text-align: center; margin:20px 0 0 65px;padding-top:30px;}

.mutual-message2016{width:540px; height:83px;text-align: center; margin: 49px auto 0 auto;background-image:url("../../../images/admin/mutual/message-bk.jpg");background-repeat:no-repeat;background-position:bottom; font-size: 13px;color:#7E482C;line-height: 150%;letter-spacing: 1px;}

.mutual-message2016{width:740px; height:83px;text-align: left; margin: 50px auto 0 auto; font-size: 14px;color:#733900;line-height: 150%;letter-spacing: 1px;border-bottom:1px dotted #AE6E3F;}

.mutual1601{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 170px; left:440px;}

.mutual1602{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 260px; left:568px;}

.mutual1603{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 385px; left:650px;}

.mutual1613{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:545px; left:665px;}

.mutual1604{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:700px; left:645px;}

.mutual1605{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 825px; left:605px;}

.mutual1606{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:905px; left:510px;}
.mutual1612{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 930px; left:355px;}
.mutual1611{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top: 940px; left:240px;}
.mutual16tooth{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top:890px; left:155px;}
.mutual1607{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 790px; left:50px;}

.mutual1608{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 655px; left:29px;}

.mutual1609{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 495px; left:18px;}
.mutual1610{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:340px; left:40px;}
.mutual1614{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:225px; left:140px;}
.mutual1614-2{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 170px; left:270px;}
.mutual2016dr{width:305px; height:360px;border:0px dotted #ffd78c; position: absolute;top:850px; left:5px;}



/*相歯相愛レイアウト2015*/
.mutual201501{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 400px; left:420px;}

.mutual201502{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 475px; left:640px;}

.mutual201503{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 615px; left:475px;}

.mutual201504{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 680px; left:692px;}

.mutual201505{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 810px; left:540px;}

.mutual201506{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 810px; left:340px;}

.mutual201507{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 750px; left:135px;}

.mutual201508{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 555px; left:63px;}

.mutual201509{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 615px; left:285px;}
.mutual201510{width:200px; height:200px;border:0px dotted #ffd78c; position: absolute;top: 425px; left:225px;}

.mutual2015dr{width:305px; height:360px;border:0px dotted #ffd78c; position: absolute;top:1000px; left:340px;}










/* モジュール top */
.more-r {
    border-radius: 0px;
    color: #4A4A4A;
    display: block;
    font-size: 25px;font-weight:bold;
    line-height: 1;
    padding: 9px 0 0px 0px;
    text-align: left;
    text-decoration: none;
    width: 99%;border-bottom:0px solid #aaa; font-family: "Open Sans",sans-serif;
}


.clear { clear:both; }  
.clear hr { display:none; } 
#2017-map-s{no-repeat center fixed;  
height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 78.8%;
    background-size: contain;background-color:#fff;display: block;
 margin-left: auto;
 margin-right: auto;width:100%;}




.clearfix:after {
  content: "";
  /* new clearfix */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 * html .clearfix {
  zoom: 1;
}
/* IE6 */
 *:first-child + html .clearfix {
  zoom: 1;
  display: inline-block;
}
/* IE7 */
.clearfix {
  display: block;
  *zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
  content: ".";
}



/*相歯相愛レイアウト2018/19*/
#mutual-body2018{width:900px; height:1255px;background: none repeat scroll 0 0 #32982D;
    border-radius: 40px;background-image:url("../../../images/admin/mutual/2018mutual/20180211.png");background-repeat:no-repeat;position: absolute;margin-left:15px; width: 92%;
  position: relative;}

#mutual-body2019{width:900px; height:1255px;background: none repeat scroll 0 0 #32982D;
    border-radius: 40px;background-image:url("../../../images/admin/mutual/2019mutual/20191216.jpg");background-repeat:no-repeat;position: absolute;margin-left:15px; width: 92%;
  position: relative;}

.mutual1801{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 100px; left:440px;}

.mutual1802{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 190px; left:568px;}

.mutual1803{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 315px; left:650px;}

.mutual1813{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:475px; left:665px;}

.mutual1804{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:630px; left:645px;}

.mutual1805{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 755px; left:605px;}

.mutual1806{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:835px; left:510px;}
.mutual1812{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 860px; left:355px;}
.mutual1811{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top: 870px; left:240px;}
.mutual18tooth{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top:820px; left:155px;}
.mutual1807{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 730px; left:70px;}

.mutual1808{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 585px; left:29px;}

.mutual1809{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 425px; left:18px;}
.mutual1810{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:270px; left:40px;}
.mutual1814{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:155px; left:140px;}
.mutual1814-2{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 100px; left:270px;}
.mutual2018dr{width:305px; height:360px;border:0px dotted #ffd78c; position: absolute;top:540px; left:266px;}

.mutual2018gi{width:294px; height:276px;border:0px dotted #ffd78c; position: absolute;top:860px; left:25px;}
.mutual-title2018{width:392px; height:54px;border:0px dotted #ffd78c; position: absolute;top: 1020px;

  left: 87px;}

.mutual-message2018{width:640px; text-align: left; margin: 50px auto 0 auto; font-size: 14.3px;color:#e9edaa;line-height: 150%;letter-spacing: 1px;position: absolute;bottom:70px; left:125px;}

/*相歯相愛レイアウト2019*/

#mutual-body2019{width:900px; height:1255px;background: none repeat scroll 0 0 #fbf271;
    border-radius: 40px;background-image:url("../../../images/admin/mutual/2019mutual/20191216.jpg");background-repeat:no-repeat;position: absolute;margin-left:15px; width: 92%;
  position: relative;}

.mutual1901{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 530px;left: 340px;}

.mutual1902{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 695px;left: 528px;}

.mutual1903{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 215px; left:350px;}

.mutual1913{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 575px;left: 670px;}

.mutual1904{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 40px;left: 35px;}

.mutual1905{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 375px;left: 685px;}

.mutual1906{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:835px; left:510px;}
.mutual1912{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 860px; left:355px;}
.mutual1911{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top: 870px; left:240px;}
.mutual19tooth{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top:820px; left:155px;}
.mutual1907{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 80px;left: 680px;}

.mutual1908{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 225px;left: 559px;}

.mutual1909{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 585px;left: 18px;}
.mutual1910{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:270px; left:40px;}
.mutual1914{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 385px;left: 470px;}
.mutual1914-2{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 400px;left: 170px;}
.mutual2019dr{width:305px; height:360px;border:0px dotted #ffd78c; position: absolute;top: 850px;left: 340px;}

.mutual2019gi{width:294px; height:276px;border:0px dotted #ffd78c; position: absolute;top:860px; left:25px;}
.mutual-title2018{width:392px; height:54px;border:0px dotted #ffd78c; position: absolute;top: 1020px;

  left: 87px;}

.mutual-message2019{width:640px; text-align: left; margin: 20px auto 0 auto; font-size: 14.3px;color:#121212;line-height: 150%;letter-spacing: 1px;position: absolute;bottom:20px; left:55px;}


/*相歯相愛レイアウト2020*/


#mutual-body2020{
    border-radius: 30px;background-image:url("../../../images/admin/mutual/2020mutual/2020-bk.jpg");background-repeat:no-repeat;position: relative;
margin-left: auto;
margin-right: auto;
width: 95.5%;height:1400px;padding-bottom:20px;}

.innerBox{
  width: 100%;
  padding: 8px;
  -webkit-box-sizing: border-box;  /*webkit系*/
  -moz-box-sizing: border-box;  /*Firefox*/
  box-sizing: border-box;
}
.img-size-ss{width:60%;height:auto}
.img-size-s{width:75%;height:auto}
.img-size-m{width:80%;height:auto}

.mutual2001{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 570px;right: 340px;}

.mutual2002{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 695px;right: 5px;}

.mutual2003{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 375px;left: 350px;}

.mutual2013{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 425px;right: 180px;}

.mutual2004{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 40px;left: 35px;}

.mutual2005{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 335px;right: 5px;}

.mutual2006{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:835px; left:510px;}
.mutual2012{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 860px; left:355px;}
.mutual2011{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top: 870px; left:240px;}
.mutual20tooth{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top:820px; left:155px;}
.mutual2007{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 20px;right: 180px;}

.mutual2008{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;
right: 0px;
top: 0px;}

.mutual2009{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 585px;left: 0px;}
.mutual2010{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 330px;left: 40px;}
.mutual2014{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 25px;left: 270px;}
.mutual2014-2{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 480px;left: 170px;}
.mutual2020dr{width:305px; height:360px;border:0px dotted #ffd78c; position: absolute;top: 850px;left: 450px;}

.mutual2020gi{width: 294px;height: 276px;border: 0px dotted #ffd78c;position: absolute;top: 860px;left: 25px;}
.mutual-title2018{width:392px; height:54px;border:0px dotted #ffd78c; position: absolute;top: 1020px;

  left: 87px;}

.mutual-message2020{width: 640px;
text-align: left;
margin: 20px auto 0 auto;
    margin-left: auto;
font-size: 14.3px;
color: #121212;
line-height: 150%;
letter-spacing: 1px;
position: absolute;
bottom: 20px;
left: 55px;}


/*2011_03_03_yoshioka_歯ローワーク　詳細ページ　テーブルレイアウト*/
#kyujin table {
margin-left : auto;
margin-right : auto;

}

table.kyujin {
table-layout : auto;
cellspacing="0"
border-collapse : collapse;
border-spacing : 0;
width:100%;
border : 1px #cccccc solid;
margin-top : 20px;margin-bottom:20px;
}

/*2011_03_28_就職table_start*/

td.k-title {
height: 40px;
vertical-align: middle;
padding: 20px;
border-right: 0px dotted #959595;
border-bottom: 1px dotted #959595;
background-color: #D7EEF9;
background-image: url("../../../images/tda_admin/publisher/tda_employ/recruit-p.png ");
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
width: 20%;
}

td.k-content {
height : 30px;

vertical-align : middle;
padding: 20px;
border-bottom : 1px dotted #959595;
background-color:#ffffff;
}
/*2011_03_28_就職table_end*/

@media all and (max-width: 767px) {
  
  .table-scroll {
    overflow-x: auto;
overflow-y: hidden;
top: 0;
margin-bottom: 20px;margin-right:30px;width:600px !important;
}
  
  table.kyujin  th, table td.k-content,td.k-title {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  table tr:last-child td:last-child {
    border-bottom: 1px solid #ccc;
  }
  
  td.k-title {
   height: 60px;
vertical-align: middle;
padding: 20px;
border-bottom: 1px dotted #8a8a8a;
background-color: #D7EEF9;
background-image: url("../../../images/tda_admin/publisher/tda_employ/recruit-p.png ");
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
}
  td.k-content {
height : 90px;
border-bottom : 1px solid #cccccc !important;
vertical-align : middle;
padding: 20px;

background-color:#ffffff;
}
  
}



.p_text {
    padding: 10px 30px;
    color: #333;
    letter-spacing: .22rem;
    font-size: 1.55rem;
    line-height: 2.2;
    word-break: break-all;
    text-align: justify;
}
.mar30 {
    margin-bottom: 30px;
}
code1 {
    font-size: 15px;
    font-family: 'Roboto Condensed',sans-serif;
    color: #333;
    background-color: #b3eaae;
    padding: 10px 38px;
    margin: 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
code2 {
    font-size: 15px;
font-family: 'Roboto Condensed',sans-serif;
color: #333;
background-color: #ffb4b4;
padding: 10px 48px;
margin: 0 11px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


.normal{font-weight:normal !important;padding-bottom:5px;}
.thintop{
    position: relative;margin-left: 71px;
}
.thintop::before{
   content: "";
display: block;
position: absolute;
top: -2px;
left: 6px;
width: 2px;
height: 25px;
background: #666;
}
.thintop::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: transparent transparent #666 #666;
    transform: rotate(135deg);
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    margin-bottom: 10px !important;
}
/*その他と主な共通部分は省略*/

a.btn--green {
  color: #fff;
  background-color: #094;
border-color: #00662d !important;border-radius: 9px;
}

a.btn--green:hover {
  color: #fff;
  background: #00a349;
}

a.btn--green.btn--cubic {
  border-bottom: 5px solid #00662d;
}
a.btn--green.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #00662d;
}


a.btn-c {
  font-size: 0.9rem;
  position: relative;
  padding: 1rem 3rem 1rem 2rem;
line-height: 150%;
}

a.btn-c i.fa {
  margin-right: 1rem;
}



.box12{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5989cf;
    background: #c6e4ff;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
}
.box12 p {
    margin: 0; 
    padding: 0;
}

.main-t {
  background: #fff;
  margin-bottom: 10px;
width:68%;
}
.side-t {
  width:32%;

}
.main-t,
.side-t {
  padding: 0;
  border-radius: 0px;text-align: center;
}
 
/* Responsive */
@media ( min-width : 600px ){
    .flexbox {
      display: -webkit-flex;
      display: flex; margin-bottom: 30px;
    }
  .main-t {
    margin: 0 10px 0 0;
  }

}

@media screen and (max-width: 599px) {

.map-wrap {
  max-width: 100%;}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 80.5%; }



  
  .bottom-space{padding-bottom:30px !important;}
    .table-scroll {
    overflow-x: auto;
overflow-y: hidden;
top: 0;
margin-bottom: 20px;margin-right:30px;width:320px !important;
}
  
  .event-title {
    font-size: 1.3rem !important;
    text-align: center;
    background: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.4);
    padding: 20px;
    color: #282828;
}
.topicstitle {
    background-image: url("../../../images/tda_admin/topics-bk.jpg");
    background-repeat: repeat-x;
    margin: 20px 0px 0px 0px;
    border: 1px solid #CCCCCC;
    font-size: 14px !important;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
  .flexbox {
    flex-direction: column;
  }
.main-t {
    background: #fff;
    margin-bottom: 10px;
    width: 95%;overflow: hidden;
}
.side-t {
  background: #fff;width:95%;margin-bottom: 20px;
}
}

.swiper-slide:nth-child(4n+2){
    
}

ul.demo-2 {
    position:relative;
    width:336px;
    height:200px;
    overflow:hidden;
    float:left;
    
    background-color:  rgb(136, 138, 142);
}

ul.demo-2 p,.demo-2 h2 {
    color:#fff;
    padding:0 10px;
    left:0px;
    top:20px;
    position:relative
}

.demo-2 p {
    font-family:'Lato';
    font-size:12.5px;
    line-height:18px;
    margin:0
}

.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    padding-left: 5px !important;
    font-family:'Lato'
}

.effect img {
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    margin:0px 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out
}

.effect img.top:hover {
    bottom:-100px;
    padding-top:100px
}

h2.zero,p.zero {
    margin:0;
    padding:0
}




.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 26px !important;
    height: 20px !important;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    */background-position: center;
}


.box-top-r{width: 35%;
float: left;
margin: 0px 0px 10px 0px;}
.subtitle {
    font-size: 10.5px;
    font-weight: normal;color: #ff0000;
}
table.item-list tbody {
    
    padding: 18px 20px;
    display: inline-block;
    width: 100%;
    border-radius: 2px;
}
table.item-list th.motto{font-weight: normal;
vertical-align: middle;
text-align:center;
padding: 20px;}
table.item-list td.hyogo {
   font-size: 24px;
padding: 10px 50px;
font-weight: bold;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",'Noto Serif JP',HGS明朝E,メイリオ,Meiryo,serif;
background-color: #fff;
vertical-align: middle !important;
}
table.item-list td.hyogo2 {
   font-size: 20px;
padding: 10px 50px;
font-weight: bold;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",'Noto Serif JP',HGS明朝E,メイリオ,Meiryo,serif;
background-color: #fff;
vertical-align: middle !important;
}


a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
.space-left{margin-left:0px;}  

.kotoba{
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 24px;
    color: #0085b9;
}
.kotoba-in{font-size: 16px;
line-height: 1.8em;color: #393939;}

  .flex_award-box {
        padding: 10px 0;
        display: flex;    
       
    }
     .flex_award-item2 {
    padding: 10px 0px;
    color: #273773;
    margin: 5px;
    width: 100%;
    border:1px solid #ccc;
}
    .flex_award-item {
        padding:10px 0px;
        color:  #273773;    
        margin:  5px 5px 5px 0px;  
     
    }
     
    .flex_award-item:nth-child(1) {flex: 1;
            }
     
    .flex_award-item:nth-child(2) {flex: 1.3;
       }
     
    .flex_award-item:nth-child(3) {flex: 1;
        }
     
    .flex_award-item:nth-child(4) {flex: 1.3;
    }
     
@media screen and (max-width: 767px) {
.form-list{line-height: 150%;
margin: 30px auto;
width: 760px;}
     .flex_award-box {
         display: block;
     }
      .flex_award-item:nth-child(1) {width:100%;
    }
     
    .flex_award-item:nth-child(2) {width:100%;
    }
     
    .flex_award-item:nth-child(3) {width:100%;
    }
     
    .flex_award-item:nth-child(4) {width:100%;
    }
 }
.award_name {
    font-size: 20px;
    color: #0085b9;
    margin-bottom: 20px; font-weight:bold;
}
.award_name strong {
    font-size: 28px;
    color: #0085b9;
    font-weight: normal;  letter-spacing: 0.2em;
line-height: 150%;
}
.award_name-s {
    font-size: 13px;
    color: #0085b9;
}
.award_name-s strong {
    font-size: 16px;
    color: #0085b9;
    font-weight: normal;  letter-spacing: 0.2em;
}
.award {
  position: relative;
  padding: 1rem 2rem 0.8rem 4em;
  background:#f7ee72;font-size:22px;
border: 1px solid #bbb;
margin:50px -5px 0 0px;font-weight: bold;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;color: #55530b;
}

.award span {
  position: absolute;
  top: -10px;
  left: 20px;
  display: inline-block;
 width: 43px;
height: 20px;
  text-align: center;
  background: #fa4141;
}

.award span:before,
.award span:after {
  position: absolute;
  content: '';
}

.award span:before {
  right: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d90606;
}

.award span:after {
  top: 50%;
  left: 0;
  display: block;
  height: 50%;
  border: 1em solid #fa4141;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
}

.award span i {
  position: relative;
  z-index: 1;
  color: #fff100;padding-top:10px;
}





.h3_title2 {
margin-top:100px;
    color: #1a2d79;
    font-size: 33px;
    margin-bottom: 20px;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: nomal;
    text-align: center;
}







.topicstitle {
        
   border-bottom: 2px solid #1e66ef;
line-height: 1.2;
margin: 0 0 50px 0;
padding: 30px 0 20px;
text-align: center;
font-size: 2rem;
}
@media screen and (max-width:639px) { 

.topicstitle{
    margin: 0 0 10px 0;
padding: 15px 0 0px;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
}
}


.banner-sp {
	width: 230px;
height: 90px;
overflow: hidden;
margin: 5px 12px 5px 12px;
position: relative;
float: left;
}

.banner-sp .caption {
	width:100%;
	height:100%;
	visibility:hidden;
	font-size:100%;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	-webkit-transition:all 0.4s step-end;
	transition:all 0.4s step-end;
}
.banner-sp:hover .caption {
	visibility:visible;
}
.banner-sp .caption p {
	padding-top: 40px;
color: #fff;
opacity: 0;
font-weight: bold;
}
.banner-sp:hover .caption p {
	opacity:1;
}
.banner-sp .mask1, .banner-sp .mask2 {
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	background-color:rgba(9, 51, 104, 0.54);
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}



.banner-sp .mask1 {
	left:-50%;
}
.banner-sp:hover .mask1 {
	left:0px;
}
.banner-sp .mask2 {
	right:-50%;
}
.banner-sp:hover .mask2 {
	right:0px;
}
.p-footer-banner {
border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;padding: 0 6px;
    overflow: hidden;
    position: relative;max-width: 1060px;
margin: 0 auto;
}
.banner-title{color: #4a4a4a;
font-size: 25px;
line-height: 2.2;
margin-bottom: 32px;}
/* banner Styling */


.img_wrap{
  border: 1px solid #ddd;
  width: 300px;
  height: 226px;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}






#banner-box{background: url(../../../images/admin/bottom/tda-bottombg.jpg) no-repeat fixed;}
.news-all {
    border-radius: 0px;
    color: #4A4A4A;
    display: block;
    font-size: 1.70rem;
line-height: 1.6;
    line-height: 1;
    padding: 40px 20px 20px;
    text-align: left;
    text-decoration: none;

    border-bottom: 1px solid #456fe0;
  margin-bottom:10px;

}
.m-tabBox__tabpanel-wrap{margin:20px 0;}
.tda-news-inner {width: auto;background-color: #ffffffd6;
    max-width: 1060px;
    margin: 0px auto;
    padding: 0px 0px 30px 0;
}


.infoList__txt a:hover {
    text-decoration: underline;
}
.infoList__txt a {
    text-decoration: none;color:#1366b2 !important;
}

.t-tabBox__list {
  text-align: center;
  font-size: 0;
  padding-bottom: 40px;
}
.t-tabBox__list:last-child {
  margin-bottom: 0;
}

.t-tabBox__list__item {
  display: inline-block;
  font-size: 1rem;
}
.t-tabBox__list__item a {
  font-size: 1rem;
  display: inline-block;
  padding: 5px;
  border-bottom-width: 0;
  pointer-events: none;
  color: #313131;
}
.t-tabBox__list__item a:link, .t-tabBox__list__item a:visited, .t-tabBox__list__item a:hover, .t-tabBox__list__item a:active {
  text-decoration: none;
}
.t-tabBox__list__item:after {
  content: "/";
  padding: 0 2.5em;
  display: inline-block;
}
.t-tabBox__list__item:last-child:after {
  display: none;
}

.t-tabBox__list [aria-selected="false"] {
  pointer-events: auto;
  color: #989898;
}
.t-tabBox__list [aria-selected="false"]:hover {
  text-decoration: underline;
}

.t-tabBox__tabpanel {
  display: none;
}
.t-tabBox__tabpanel[aria-hidden="false"] {
  display: block;
}

.infoList {
  margin: 0 1.8% 0px 1.8%;
}

.infoList__items {
  text-align: left;
  display: inline-block;
}

.infoList__dt {
  float: left;
  font-size: 0.88rem;
  margin-bottom: 2em;color: #1354a8;
}
.infoList__dt:last-of-type {
  margin-bottom: 0;
}

.infoList__dd {
  padding-left: 9em;
  font-size: 0.88rem;
  margin-bottom: 2em;
}
.infoList__dd:last-of-type {
  margin-bottom: 0;
}

html:lang(en) .infoList__dd {
  padding-left: 10em;
}

.infoList__tag {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-width: 14em;
  background-color: #9f3f68;
  color: #fff;
  font-size: 0.85rem;
  line-height: 0.88rem;
  padding: 5px;
  margin-top: 4px;
  float: left;
}

.infoList__tag-blue {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-width: 14em;
  background-color: #3661d7;
  color: #fff;
  font-size: 0.85rem;
  line-height: 0.88rem;
  padding: 5px;
  margin-top: 4px;
  float: left;
}
.infoList__tag-red {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-width: 14em;
  background-color: #2d9aa6;
  color: #fff;
  font-size: 0.85rem;
  line-height: 0.88rem;
  padding: 5px;
  margin-top: 4px;
  float: left;
}

.infoList__txt {
  padding-left: 1.8em;
  overflow: hidden;
  font-size: 0.9rem;
}
.infoList__txt a {
  text-decoration: none;
}
.infoList__txt a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 380px) {
    .table-scroll {
    overflow-x: auto;
overflow-y: hidden;
top: 0;
margin-bottom: 20px;margin-right:30px;width:330px !important;
}
  .pr3 {
    text-align: center;
    width: 99%;
    display: inline-block;
    color: #049e6b;
    font-size: 16px;
    padding-left: 5px !important;
    padding-top: 20px;
}
  
  .t-tabBox__list {
    padding-bottom: 10%;
  }

  .t-tabBox__list__item {
    min-width: 0;
    font-feature-settings: "palt" 1;
    max-width: 100%;
  }
  .t-tabBox__list__item a {
    font-size: 15px;
    font-size: 4.7vw;
    font-size: calc(0.9375rem + 1 * (100vw - 320px) / 448);
    padding: 0;
  }
  .t-tabBox__list__item:after {
    content: "/";
    font-size: calc(0.9375rem + 1 * (100vw - 320px) / 448);
    padding: 0 1.4em;
    display: inline-block;
  }

  .infoList {
    text-align: center;
    margin-bottom: 0%;
  }

  .infoList__items {
    text-align: left;
    display: inline-block;
  }

  .infoList__dt {
    font-size: 1rem;
    margin-bottom: .5em;
    padding-right: 1em;
    margin-left:20px;
  }
  .infoList__dt:last-of-type {
    margin-bottom: .5em;
  }

  .infoList__dd {
    padding-left: 0;
    margin-bottom: 2em;
  }
  .infoList__dd:last-of-type {
    margin-bottom: 0;
  }

  html:lang(en) .infoList__dd {
    padding-left: 0;
  }

 

  .infoList__txt {
    clear: both;
    padding-left: 0;
    font-size: 0.82rem;
  }
}

/*--------------footer--------------*/

#footer-tda02 {margin-top:20px;
  border-top: 1px dotted #1438a4;
}
 
.ie #footer-tda02 .logo img,
#footer-tda02 .logo {
  display: inline-block;
  width: 120px;
}
#footer-tda02 ul.nav-tda02 li {
    display: inline-block;
  }

 
#footer-tda02 ul.nav-tda02 li a {
  padding: 15px;
  color: #ccc;
}
 #footer-tda02 ul.nav-tda02 li a:hover {
    color: #3ae3ff !important;
  }
 



 #footer-tda02 .cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
justify-content: center;
  }

@media screen and (min-width: 641px) {
 
  .infoList__txt {
   
    padding-left: 20px;
    font-size: 0.82rem;
}
  
  
  #footer-tda02 .logo {
    padding: 10px 0;
  }
 
  #footer-tda02 .wrap-tda02 {
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
 
  #footer-tda02 .cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
 
  #footer-tda02 ul.nav-tda02 {
    display: inline-block;
  }
 
  #footer-tda02 ul.nav-tda02 li.nav-tda02 {
    display: inline-block;
  }
 
  #footer-tda02 ul.nav-tda02 li.nav-tda02 a:hover {
    color: #ca353b;
  }
    #footer-tda02 ul.nav-tda02 li.nav-tda02 a {
    padding: 12px 20px;
    display: block;
    background-size: 5px auto;
  }
   #footer-tda02 ul.nav-tda02 li.nav-tda02:last-child {
    
  }
}

/*--------------検索--------------*/ 

#tda-kensakubox {
    position: absolute; top: 10px; right: 20px;z-index: 1200000;
}

/*--------------footer--------------*/ 

#tda-logobox {
    background: #ffffff;
}
span.aks {
   display: inline-block;
}
@media screen and (min-width: 769px) {
.footer-info-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-info-logo {
    margin: 0 20px 0 0;
    width: 49%;
    max-width: 363px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.footer-info-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1.4;
    -webkit-flex: 1.4;
    -ms-flex: 1.4;
    flex: 1.4;
}

.footer-info-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.footer-info-tel-txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer-info-address {
    font-family: "NotoSansCJKjp-DemiLight";
    margin-bottom: 8px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
}


.new-line {
    display: inline-block;
}
.pr3 {
   text-align: center;
width: 99%;
display: inline-block;
color: #049e6b;
font-size: 15px;
padding-left: 68px;
padding-top: 20px;
}
@media screen and (max-width: 600px) {
.pr3 {
    text-align: center;
    width: 99%;
    display: inline-block;
    color: #049e6b;
    font-size: 12px;
}
  }
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block;
  }

  .footer-info {
    margin: 40px 0 18px;
  }

  .footer-info-body {
    max-width: 320px;
    margin: 0 auto;
  }

  .footer-info-logo {
    margin-bottom: 20px;
  }

  .footer-info-address {
    font-family: "NotoSansCJKjp-Light";
  }

 .footer-info-tel {
    margin-bottom: 12px;
}

  .footer-info-tel-number {
    margin-bottom: 6px;
  }

  .footer-info .sp {
    display: inline-block;
  }

  .footer-subnav {
    margin: 0 20px;
  }

  .footer-subnav-list {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    max-width: 320px;
    margin: 0 auto;
  }

  .footer-subnav-item {
    font-size: 1.2rem;
    height: 50px;
    line-height: 50px;
  }

  .footer-subnav-item:nth-child(2) {
    border-right: 1px solid #dcdcdc;
  }

  .footer-subnav-item_large:first-child {
    border-bottom: 1px solid #dcdcdc;
  }

  .footer-subnav-item_large:last-child {
    width: 100%;
    float: left;
    border-top: 1px solid #dcdcdc;
  }

  .footer-subnav-item_small {
    float: left;
    width: 50%;
  }

  .footer-copyright {
    font-size: .8rem;
    letter-spacing: .01em;
    margin: 40px 0 20px;
  }

  .footer-copyright span {
    display: none;
  }
  }





/*--------------top--------------*/
.topslider01 {
   background-image: url("../../../images/topslider01.jpg");
   background-size: cover;
  height:95px;width:100%;text-align: center;border:1px solid #db3838;
}
.topslider02 {
   background-image: url("../../../images/topslider02.jpg");
   background-size: cover;
  height:95px;width:100%;text-align: center;border:1px solid #FF7F00;
}
.topslider03 {
   background-image: url("../../../images/topslider03.jpg");
   background-size: cover;
  height:95px;width:100%;text-align: center;border:1px solid #73E7F0;
}
.topslider04 {
   background-image: url("../../../images/topslider04-1.jpg");
   background-size: cover;
  height:95px;width:100%;text-align: center;border:1px solid #00a897;
}
.topslider05 {
   background-image: url("../../../images/topslider05.jpg");
   background-size: cover;
  height:95px;width:100%;text-align: center;border:1px solid #fb7fbe;
}


.topslider06 {
   background-image: url("../../../images/topslider06.jpg");
   background-size: cover;
  height:95px;width:100%;text-align: center;border:1px solid #556186;
}

.topslider07 {
   background-image: url("../../../images/topslider07.jpg");
   background-size: cover;
  height:95px;width:100%;text-align: center;border:1px solid #0064e0;
}

.slider-text {
    border:  solid 0px;                            
    display:  inline-block;  
    padding: 5px ;  
    
}
.slider-title-text {
 
    padding: 15px 5px ;  
    text-align: center;border-bottom:1px solid #db3838;
}
.slider-title-text02 {
 
    padding: 15px 5px ;  
    text-align: center;border-bottom:1px solid #FF7F00;
}
.slider-title-text03 {
 
    padding: 15px 5px ;  
    text-align: center;border-bottom:1px solid #73E7F0;
}
.slider-title-text04 {
 
    padding: 15px 5px ;  
    text-align: center;border-bottom:1px solid #00a897;
}
.slider-title-text05 {
 
    padding: 15px 5px ;  
    text-align: center;border-bottom:1px solid #fb7fbe;
}

.slider-title-text06 {
 
    padding: 15px 5px ;  
    text-align: center;border-bottom:1px solid #556186;
}
.slider-title-text07 {
 
    padding: 15px 5px ;  
    text-align: center;border-bottom:1px solid #0064e0;
}

.slider-title-sub {
 
    padding: 5px 5px 15px 5px;  
    text-align: center;
}


/*---------- btn ----------*/

.btn_moreview {}

.btn_moreview a {
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	margin:1.5em auto 0;
	padding:1.3em 1em;
	border:#95b9ff 1px solid;	font-size:1.11em;
	transition:all .3s ease;
}
.btn_moreview a::after {
	content:"";
	display:block;
	width:1.2em;
	height:1.2em;
	margin-left:0.3em;
	background:url(../../../images/admin/top/img/arrow_black.svg) no-repeat center center;
	background-size:contain;transition:all .3s ease;
}

.btn_moreview a:hover {
	background:#96E6F1;
	border:#96E6F1 1px solid;
	color:#fff;
}

@media screen and (min-width: 768px) {
.btn_moreview a {
	min-width:8em;
	max-width:620px;
	padding: 1.2em 1em;
	font-size:20px;
	font-size:1.11em;
	transition:all .3s ease;
}
.btn_moreview a::after {
	transition:all .3s ease;
}
.btn_moreview a:hover {
	background:#96E6F1;
	border:#96E6F1 1px solid;
	color:#fff;
}
.btn_moreview a:hover::after {
	background:url(../../../images/admin/top/img/arrow_white.svg) no-repeat center center;
	background-size:contain;
}

}



.top-wrap {
    margin: 0 auto;
  
    max-width:1000px;

}
.top-wrap::after {
    display: block;
    clear: both;
    height: 0;
    content: ' ';
}

/*--------------links--------------*/

ul.links-list {
  list-style: none;
}
ul.links-list li{line-height:130% ;margin-bottom:20px;
padding-left: 1.5em;
text-indent: -1.5em;font-size: 15px;
background-color: #fff;}

ul.links-list li::before {
    font-family: FontAwesome;
    content: '\f08e';
    color: #1438a4;
  
    padding-right: 4px;
}
/*--------------aboutauheader--------------*/
.indent {
    text-indent: -1em;
    padding: 0 0 0 1em;
}
.tda_about {
	display: flex;
	
	width: 100%;
	height: 110px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("../../../images/admin/header/bk-about.jpg") no-repeat center center;
  
}

.tda_about.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;
}
.tda_about.fixed.none {
	opacity: 0;
	z-index: -1;
}


table.tbl-r02 {
  margin: 40px auto;width: 100%;
}
table.tbl-r02 th.tbl-box {
background: none;
border-bottom: solid 1px #01a874;
color: #091d44;
padding: 10px 30px 10px 30px;
vertical-align: middle !important;
text-align: center;
white-space: nowrap;
width: 193px;
}
table.tbl-r02 th.tbl-box-last {
background: none;
border-bottom: solid 0px #bbb;
color: #091d44;
vertical-align:top ;padding-top:40px;text-align: center;white-space: nowrap;
}


table.tbl-r02 td.tbl-box-txt {
border-bottom:1px solid #b0b0b0;
  padding: 20px 40px;}

table.tbl-r02 td.tbl-box-txt2 {
border-bottom:1px solid #b0b0b0;
padding: 20px 30px 20px 20px;text-align-last: justify;max-width: 190px;
}

.tsunagari-box{line-height:200%;margin-bottom:40px;margin-left:0px;margin-right: 0px;} 

@media screen and (max-width: 640px) {
  
  .box-center-2022 {
    color: #fff;
    width: 90%;
    letter-spacing: 0.1em;
    margin: 10px auto;
    text-align: center;
    font-size: 100%;
    border-radius: 20px;
    background-color: #e96994;
    padding: 5px;
}
  .photo-r-e2 {
    float: none;
    margin-top: 0px;
    text-align: right;margin-bottom:15px;text-align: center;padding-left: 0px;
}
  
 .about-us-title {
    font-size: 0.8rem !important;
    margin-bottom: 0rem;
    letter-spacing: 1.3px !important;
    line-height: normal;
} 
  
  
table.tbl-r02  td.last td:last-child {

 width: 100%;
  }
table.tbl-r02 {
width:100%;
  }
table.tbl-r02 th.tbl-box,
table.tbl-r02 th.tbl-box-last,
table.tbl-r02 td.tbl-box-txt,
table.tbl-r02 td.tbl-box-txt2{
border-bottom: solid 1px #bbb;
display: block;
width: 100%;padding: 20px;max-width: none;
  }
  
table.tbl-r02 th.tbl-box {
background: #ddd;
border-bottom: solid 0px #333;
color: #2b3935;
padding: 10px;
text-align: left;
}  
  
table.tbl-r02 th.tbl-box-last {
background: #ddd;
border-bottom: solid 0px #333;
color: #2b3935;
padding: 10px;
text-align: left;
}  
  
table.tbl-r02 td.tbl-box-txt2 {
border-bottom:1px solid #b0b0b0;
padding: 40px 20px;text-align-last: left;
}  
  
}
.about-us-title{font-size: 1.1rem;
margin-bottom: 3.6rem;
letter-spacing: 1.3px;
line-height: normal;}

.about-us-title::before {
    content: '○';
    color: #01a874;
    font-size: 1rem;
    margin-right: 7px;font-weight:bold;
}

.about-us-title-s {
    margin-bottom: 30px;
    font-size: 1.4rem;
    margin-top: 40px;
}


.about-us-title-s:not(.none){
	position: relative;
	padding-bottom: .9rem;
	}
.about-us-title-s:not(.none)::before,
.about-us-title-s:not(.none)::after{
		display: block;
		position: absolute;
		left:0;
		bottom:0;
		height: 1px;
		content: '';
		}
.about-us-title-s:not(.none)::before{
		width: 100%;
		background: #ced3d9;
		}
.about-us-title-s:not(.none)::after{
		width: 170px;
		background: #01a874;
		}


/*--------------tda css--------------*/

.box-top {     float: left;
    overflow: hidden;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-box-shadow: 0px 10px 8px -6px #CCCCCC;
    box-shadow: 0px 10px 8px -6px #CCCCCC;
    width: 100%;
    font-size: 15px;
    background: #fff;
    padding-bottom: 20px;
    border: 1px solid #ccc;
    color: #262626;
    margin-right: 20px;
    margin-top: 2px;
}
.box-top img {
 width: 100%;
    height: auto;
}

.box-top2022 {     float: left;
    overflow: hidden;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    
    width: 100%;
    font-size: 15px;
    background: #fff;
    padding:20px;
    border: 1px solid #db91bb;
    color: #262626;
    margin-right: 20px;
    margin-top: 0px;
}
.box-top2022 img {
 width: 100%;
    height: auto;
}
.box-top-title{font-size: 20px;
font-weight: bold;
line-height: 30px;
padding: 15px 10px 10px 0px;}
.box-top2 { 
     padding:15px 0;
  width: 100%;
  background: #db91bb;
    text-align:center;font-size:28px;color:#33353D;
    border-top:1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;
}


.covid19-title {
margin-bottom: 1.5em !important;
width: 100%;
margin-top: 30px;
font-size: 25px;
font-weight: bold;
text-align: center;   
  }
.covid19-fin{text-align:right;}
 .msr_newslist01 {
      border-top: 1px solid #AAAAAA;
      width: 100%;
    }
    .msr_newslist01 li {
      border-bottom: 1px solid #AAAAAA;
      font-size: 14px;
    }
    .msr_newslist01 li a {
      box-sizing: border-box;
      color: #1438a4 !important;
      display: table;
      padding: 10px;
      text-decoration: none;
      transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -webkit-transition: 0.2s ease-in-out;
      width: 100%;
    }
    .msr_newslist01 li a:hover {
      background: #EEEEEE;
      text-decoration: none;
    }
    .msr_newslist01 li div {
      display: table-cell;
      width: 144px;
    }
    .msr_newslist01 li p {
      display: table-cell;
      padding-left: 20px;
      vertical-align: middle;margin-top: 5px;
    }

    /* 時間の設定 */
.msr_newslist01 li time {
      display: table-cell;
      vertical-align: top;
      width: 90px;
    }

    /* カテゴリの設定 */
.msr_newslist01 li .cat01,
.msr_newslist01 li .cat02 {
      background-color: #1B73BA;
      border-radius: 1px;
      color: #FFFFFF;
      font-size: 10px;
      padding: 0 4px;
      text-align: center;
      width: 50px;
    }
.msr_newslist01 li .cat02 {
      background-color: #0E3A5F;
    }

.box-19{padding: 15px 0px;
width: 100%;
background: #24366f;
text-align: center;
font-size: 26px;
color: #F2F2F2;
border-top: 1px solid #9F9F9F;
border-left: 1px solid #9F9F9F;
border-right: 1px solid #9F9F9F;}

span.aks {
   display: inline-block;
}

#gw-body{border:27px solid #ECEDF1;}
.gw-text{margin:30px;}
.gw-title {

    color: #102552;
    display: block;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    padding: 0px 0 20px 0px;
    text-align: left;
  
    font-family: "Open Sans",sans-serif;

}

.pc2 { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
  .infoList__tag-red {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-width: 14em;
  background-color: #2d9aa6;
  color: #fff;
  font-size: 0.85rem;
  line-height: 0.88rem;
  padding: 5px;
  margin-top: 4px;
  float: none !important;
}
  .infoList__txt {
  padding-left: 0 !important;
  overflow: hidden;
  font-size: 0.9rem;
}
  
  .box-top2 { 
     padding:15px 0;
  width: 100%;
  background: #db91bb;
    text-align:center;font-size:17px;color:#33353D;
    border-top:1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;
}

  .box-top-title{font-size: 17px;
font-weight: bold;
line-height: 30px;
padding: 15px 10px 10px 0px;}
  
.covid19-body h2 {
    background-image: url("https://www.tda.or.jp/images/admin/covidbk.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    text-align: center;
    color: #ff0000 !important;font-size:16px;
}
.covid19_box_title {
    font-size: 18px;
    padding: 10px 0;
    color: #1f4288;
    text-align: left !important;
    letter-spacing: normal;
}
.covid19_box {
    background: #e6ffe9;
    color: #262525;
    border: double 2px #1f4288;
    margin-bottom: 20px;
    padding: 10px;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
    font-weight: bold;letter-spacing: normal; }

.covid19-title {
margin-bottom: 1.5em !important;
width: 100%;
margin-top: 30px;
font-size: 17px;
font-weight: bold;
text-align: center;   
  }

.box-19{padding: 15px 0px;
width: 100%;
background: #eee;
text-align: center;
font-size: 15px;
color: #33353D;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;}
#left-list {
  float: left;
  width: auto;
  margin-right: 10px;
  margin-left: 0px;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.pc2 { display: none !important; }
.sp { display: block !important; }
}






/*--------------相思相愛--------------*/
.rbody{overflow: hidden;}
#mutual-body2019{width:100%; height:1255px;background: none repeat scroll 0 0 #fbf271;
    border-radius: 40px;background-image:url("../../../images/admin/mutual/2019mutual/20191216.jpg");background-repeat:no-repeat;position: relative;margin-left:15px; margin: 0 auto;
 }

.mutual1901{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 630px;left: 340px;}

.mutual1902{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 805px;left: 638px;}

.mutual1903{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 215px; left:350px;}

.mutual1913{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 575px;left: 670px;}

.mutual1904{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 40px;left: 35px;}

.mutual1905{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 375px;left: 865px;}

.mutual1906{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:835px; left:510px;}
.mutual1912{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 860px; left:355px;}
.mutual1911{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top: 870px; left:240px;}
.mutual19tooth{width:140px; height:140px;border:0px dotted #ffd78c; position: absolute;top:820px; left:155px;}
.mutual1907{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 80px;left: 780px;}

.mutual1908{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 225px;left: 659px;}

.mutual1909{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 585px;left: 18px;}
.mutual1910{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top:270px; left:40px;}
.mutual1914{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 435px;left: 430px;}
.mutual1914-2{width:205px; height:205px;border:0px dotted #ffd78c; position: absolute;top: 430px;left:180px;}
.mutual2019dr{width:305px; height:360px;border:0px dotted #ffd78c; position: absolute;top: 850px;left: 340px;}

.mutual2019gi{width:294px; height:276px;border:0px dotted #ffd78c; position: absolute;top:860px; left:25px;}
.mutual-title2018{width:392px; height:54px;border:0px dotted #ffd78c; position: absolute;top: 1020px;

  left: 87px;}

.mutual-message2019{width:640px; text-align: left; margin: 20px auto 0 auto; font-size: 14.3px;color:#121212;line-height: 150%;letter-spacing: 1px;position: absolute;bottom:20px; left:55px;}

@media screen and (max-width: 950px) {
  .mutual1907 {
    width: 205px;
    height: 205px;
    border: 0px dotted #ffd78c;
    position: absolute;
    top: 80px;
    left: 680px;
}
  .mutual1908 {
    width: 205px;
    height: 205px;
    border: 0px dotted #ffd78c;
    position: absolute;
    top: 225px;
    left: 559px;
}
 
.mutual1905 {
    width: 205px;
    height: 205px;
    border: 0px dotted #ffd78c;
    position: absolute;
    top: 375px;
    left: 685px;
}
  
  }
/*--------------tda css--------------*/
.ikiiki-waku {
    background: #e8e8e8;
    border-radius: 10px;
    color: #000000;
    font-size: 14px;
    margin: 0px auto;
    padding: 15px 15px 5px 15px;
    max-width: 90%;
}
/*--------------スクロールtable--------------*/
 table.scroll-table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
table.scroll-table tbody {
  width: 100%;
  display:table;
}


table#outline5 {margin:10px 10px 10px -20px;
    border-top:1px solid #c2c2c2;
    border-left:1px solid #c2c2c2;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#f7f7f7;
    empty-cells:show;margin-left:25px;
   
}
table#outline5 th{
  border-right:1px solid #c2c2c2;
  border-bottom:1px solid #c2c2c2;
  color:#330000;
  background-color:#FFCC99;
 
}
table#outline5 td{
  border-right:1px solid #c2c2c2;
  border-bottom:1px solid #c2c2c2;
    font-size: 12px;
  color:#333333;
 text-align:center;
 padding:5px;
  line-height: 150%;vertical-align:middle;
 
}
table#outline5 td.white{
  border-right:1px solid #c2c2c2;
  border-bottom:1px solid #c2c2c2;
 padding:5px;
  font-size: 12px;
  color:#333333;
 
  padding-top:2px;
  line-height: 150%;
 background-color:#ffffff;
}
table#outline5 td.white-t-l{
  border-right:1px solid #c2c2c2;
  border-bottom:1px solid #c2c2c2;
 padding:5px;
  font-size: 12px;
  color:#333333;
 text-align:left;
  padding-top:2px;
  line-height: 150%;
 background-color:#ffffff;vertical-align:middle;
}
/*--------------ページャー--------------*/
.ikiki-m-body {
    height: 100px;
    overflow: hidden;
    padding-top: 20px;
    background: #fffefe;
}


.pagination-wrapper {
  font-size: 0;
  position: absolute;
  
  left: 50%;
  
  text-align: center;
}

@keyframes pagination-container--animation-prev {
  0% { transform: translateX(0); }
  100% { transform: translateX(18px); }
}

@keyframes pagination-container--animation-next {
  0% { transform: translateX(0); }
  100% { transform: translateX(-18px); }
}

.transition-prev .pagination-container {
  animation: pagination-container--animation-prev 0.3s forwards;
}

.transition-next .pagination-container {
  animation: pagination-container--animation-next 0.3s forwards;
}

.little-dot {
  width: 6px;
  height: 6px;
  background: #1d5ea4;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
  position: relative;
  z-index: 10;
}

.little-dot--first,
.little-dot--last {
  z-index: 5;
}

@keyframes slideLeft {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-18px);
  }
}

.transition-prev .little-dot--first {
  animation: slideLeft 0.4s 0.3s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}

@keyframes little-dot--first--animation {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.transition-next .little-dot--first {
  animation: little-dot--last--animation 0.3s forwards;
}


@keyframes little-dot--last--animation {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.transition-prev .little-dot--last {
  animation: little-dot--last--animation 0.3s forwards;
}

@keyframes slideRight {
  0% {
    transform: translateX(0px);
    opacity: 1;
  }

  100% {
    transform: translateX(18px);
    opacity: 1;
  }
}

.transition-next .little-dot--last {
  animation: slideRight 0.4s 0.3s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}

.big-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #16d7bc;
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
}

.transition-next .big-dot {
  right: auto;
  left: -6px;
}

.big-dot-container {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  z-index: 10;
}

.transition-next .big-dot-container {
  right: auto;
  left: 3px;
}

@keyframes big-dot-container--animation-prev {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(-50%) rotate(-179deg); }
}

@keyframes big-dot-container--animation-next {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(-50%) rotate(-181deg); }
}

.transition-prev .big-dot-container {
  animation: big-dot-container--animation-prev 0.3s forwards;
}

.transition-next .big-dot-container {
  animation: big-dot-container--animation-next 0.3s forwards;
}

.btn-ikiiki {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  fill: #1d5ea4;
  cursor: pointer;
  transition: opacity 0.2s;
}

.btn-ikiiki:hover {
  opacity: 0.6;
}

.btn-ikiiki--next {
  left: calc(100% + 20px);  
}

.btn-ikiiki--prev {
  right: calc(100% + 20px);
}
/*--------------ikiiki--------------*/
#ikiiki-content {
    width: 100%;
    border: 4px solid #bbb;
    box-shadow: 0px 10px 8px -6px #CCCCCC;
    padding: 20px;
 margin-top:40px;
}

.answer-box {

    width: 100%;
  }

.ikiiki-box_title {
    padding: 25px 20px 10px 80px;
    min-height: 75px;
    border-bottom: 2px dotted #fff;margin-top: 40px;font-size: 20px;}

.ikiiki-box_title::after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 20px;
    width: 40px;
    height: 40px;
    background-image: url("https://www.tda.or.jp/images/admin/shittoko/ikiiki/icon_ikiiki.png");
    background-size: 40px 40px;
}

.ikiiki-bk {
    background: #d2e7f9;
    border-radius: 10px;
}
p.ikiiki-sub{ padding: 5px 0px 10px 80px;
color: #3ca1c4;

font-size: 16px;
}
.ikiiki-box_body {
    padding: 20px;
}
.ikiki-answer {

    width: 100%;
    padding: 10px;
    background-color:#1d5ea4;
    color: #fbfaf6;
    font-size: 18px;
    margin-bottom: 15px; font-weight:bold;

}

.ikiki-answer-title {
    width: 100%;
    padding: 10px 0 0 0;
    color: #1d5ea4;
    font-size: 25px;
    margin-bottom: 15px;
    text-align: center;
}


.ikiki-answer-subtitle {
    width: 100%;
    padding: 10px 30px 0 0;
    border-bottom: 2px solid #ddd;
    color: #3ca1c4;
    font-size: 20px;
    margin-bottom: 15px;
    margin-right: 30px;
    text-align: right;
}

.ikiki-answer-text {

    width: 100%;
    padding:40px 0 0 0;
    border-bottom: 0px solid #ddd;
   
    font-size: 15px;
    margin-bottom: 15px; 

}

/*流れ*/
p.img_center{
	  text-align: center;
	}

p.indent-2 {
    padding-left: 1em;
    text-indent: -1em;
}
ul.flow_list{
	list-style: none;
	padding: 0;
	margin-top:9px;
}
ul.flow_list li {
    border: 4px solid #b2cf23;
    border-radius: 10px;
    margin: 0 0px 55px 0px;
    padding: 4px 10px 20px 10px;
    position: relative;
    font-size: 15px;background-color: #fff8bf;
}
ul.flow_list li::after{bottom: -22px;
    color:#b2cf23;
    content: "▼";
    font-size: 24px !important;
    left: 46%;
    position: absolute;}
ul.flow_list li.last::after{
    content: "";
}
ul.flow_list li h3::first-letter{
    font-family: garamond,times;
    font-size: 1.5rem;
    letter-spacing: 0.15em;
}


/*--------------休日救急--------------*/
.photo-r {
    float: right;
    padding-left: 10px;
    padding-right: 30px;
    background-color: #fff;
}

.photo-r-a {
    float: right;
    padding-left: 30px;
    padding-right: 0px;
    background-color: #fff;
}
.photo-l {float: left;
    padding:30px 30px 30px 0;font-size: 12px;
color: #C64013;
}

[class^="img-flex-3"] {
	margin-bottom: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.img-flex-3 img { width: 33%; }
.open-holiday {
    font-size: 20px;
padding: 0.5em 0 0.5em 10px;
border-bottom: solid 0px #317545;
color: #fff;
margin-top: 15px;
margin-bottom: 40px;
background-color: #484848;
}
 .tda-line-right {
    position: absolute;
   
    bottom: 10px;padding-left: 90px;color:#1d5ea4;
}
.tda-line-right2 {
   
    bottom: 10px;
    padding-left: 10px;
    color: #1d5ea4;font-size:17px;
}

.tda-line {
    position: relative;
    padding-bottom: 10px;
    min-height: 28px;
    background: url("https://www.tda.or.jp/images/tda_admin/publisher/tda_shittoko/holiday/title-line.png") left bottom repeat-x;
  margin-top:20px;
}
.holiday-img {
float:left;
padding: 0px 0px 0 0;
}
.holiday-info-text
{
    color: #1d5ea4;
    font-size: 35px;
padding: 3px 0px 0 0;
}

.holiday-wrap {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 960px;
    width: 100%;
}
.holiday-wrap::after {
    display: block;
    clear: both;
    height: 0;
    content: ' ';
}

.holiday-info-text2 {
    width: 100%;
    font-size: 15px;
    margin-bottom: 40px;
}

ul.holiday-list {
  list-style: none;
}
ul.holiday-list li{line-height:130% ;margin-bottom:20px;
padding-left: 1.5em;
text-indent: -1.5em;font-size: 15px;}

ul.holiday-list li::before {
    font-family: FontAwesome;
    content: '\f058';
    color: #b53675;
    font-size: 17px;
    padding-right: 4px;
}

ul.sittoko{

  padding-top: 0px;

  padding-bottom: 5px;
}
ul.sittoko li{
  background:url("https://www.tda.or.jp/images/tda_admin/publisher/tda_shittoko/point-sittoko.jpg");
        background-repeat: no-repeat;
  background-position: left top;
  line-height:130% ;margin-bottom:20px;
         padding-left: 1.5em;
text-indent: -0.2em;
         margin-left:0px;
                }
.sittoko-house-call li{
  line-height:130% ;margin-bottom:20px;
         text-indent:20px;
         margin-left:0px;
                }


@media screen and (max-width: 600px) {
.heading08 {
	font-size:24px !important;text-align: left;
}

  .ask-text2{text-align: left !important;}
  
  .holiday-info-text
{
    color: #1d5ea4;
    font-size: 20px;
    padding: 40px 0px 0 0;
}
 .holiday-wrap {
    margin: 0 auto;
    padding: 0 0px;
    max-width: 960px;
    width: 100%;
}
  .holiday-info {
    color: #4a6677;
    font-size: 20px;
    padding: 5px 0;
}
  .tda-line-right {
   position: unset;
    right: 0;
    bottom: 10px;
    padding-left: 0px;color: #1d5ea4;

}
  .tda-line-right2 {
   position: unset;
    right: 0;
    bottom: 10px;
    padding-left: 0px;color: #1d5ea4;font-size:15px;

}
  }
/* -----------------------------------------------
 * 聞いてみよう
----------------------------------------------- */
#contribute-content{width:100%; border:4px solid #bbb;box-shadow: 0px 10px 8px -6px #CCCCCC;padding:20px;}
.contribute-title {
    width: 100%;
    margin-top: 10px;
    border-bottom: 2px solid #bbb;
    font-weight: bold;
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}
.contribute-text-body {
    width: 100%;
margin-top: 10px;
border-bottom: 2px solid #bbb;
padding: 20px;
background-color: #d8dadb;
border-radius: 10px;font-size: 15px;
}
.contribute-text{line-height:130%;}
.responses {
    width: 100%;
    padding: 10px;
    background-color: #eeaa28;
    color: #fbfaf6;
    font-size: 16px;
    margin-bottom: 15px;
}
.answer{width:100%; padding:20px;border-bottom: 2px solid #fff; }
.answer-title{color:#126dbb;}
.place4 {
    margin-right: 10px;
    margin-bottom: 5px;
}
td.list-title{border-bottom:1px dottid #ccc;}
.ask-text {
    background: #fff;
    font-size: 14px;
    line-height: 180%;
    min-height: 95px;
    padding: 17px 0 17px 0px;
    margin: 20px auto 0 auto;
    text-align: center;
}
.ask-text2{width:100%;text-align:center;line-height:200%;}
/*--------------tda css--------------*/


.clearfix::before {
    display: inline-table;
}

.clearfix::after {
    content: "";
    clear: both;
    display: block;
}
.ic {
    margin: 0;
   
    border: none;
    min-width: 60px;
    float: left;
}
.ir {
    
}
.ilp {
    padding-right: 10px;
}
.irr::before {
    border-right: 8px solid #697178;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 14px;
    left: -11px;
}
figure {
    margin: 0;
    display: inline-block;
}
.irr::after {
    border-right: 10px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 14px;
    left: -7px;
}
.vc {
     max-width: calc(100% - 30px);
    border: 3px solid #697178;
    background-color: #fff;
    color: #444;
    padding: 2.5%;
    position: relative;
    border-radius: 5px;
    margin-left: 185px;margin-right:40px;
}
.vc::before {
    content: "";
    position: absolute;
}
.vc::after {
    content: "";
    position: absolute;
}
.sn {
   background: 0 0;
font-size: .8em;
line-height: 0;
font-weight: 700;
}
.alignleft {
margin-bottom: 8px;
}
/*--------------ikiiki--------------*/

p.indent-1 {
padding-left:3em;
text-indent:-3em;
}
.waku-t {border:0px solid #ccc;margin-bottom: 20px; }
.ikiiki-btn-r {
background-color: #1d5ea4;
color: #fff;
display: inline-block;
padding: 5px 45px 7px;
border: 1px solid transparent;
text-align: center;
font-size: 12px;
line-height: 1.2;
transition: background .3s;margin-top: 1px;
}
.ikiiki-btn-r:hover{background-color:#85c88c;}
figcaption {
    text-align: center;
    background: #f7f7f7;
    font-size: .8em;
    padding: 8px;
}
/*--------------画像ホバー--------------*/
.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.scale_up {
	
	overflow: hidden;
}
.scale_up img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_up img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.scale_down {
	
	overflow: hidden;
}
.scale_down img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_down img:hover {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.shittoko-text{padding: 10px 20px 10px 20px;color:#3c3c3c;font-size:13px;font-weight: normal;text-align:left;}
/* 知っとこheader*/
.box-center{
padding: 10px 0 5px 0;
margin: 27px auto 0 auto;
display: block;
background: #fff;
text-align: center;
z-index: 1000;
position: sticky;}
button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
        background-color: transparent;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}
button.learn-more {
    width: 14.3rem;
    height: auto;
    background-color: #16d7bc;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 5px;
}

button.learn-more .circle {
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    display: block;
    margin: 0;
    width: 2rem;
    height: 2rem;
    background: #348bea;
    border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.125rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}

button.learn-more .circle .icon.arrow::before {
    position: absolute;
    content: '';
    top: -0.25rem;
    right: 0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
button.learn-more .button-text {
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.2rem 0;
    margin: 0 0 0 0.1rem;
    color: #ecffc3;

    line-height: 1;
    text-align: center;
    font-size: 15px;
}
button:hover .circle {
  width: 100%;
}
button:hover .circle .icon.arrow {
  background: #fff;
  -webkit-transform: translate(1rem, 0);
          transform: translate(1rem, 0);
}
button:hover .button-text {
  color: #fff;
}

/*--------------知っとこ--------------*/
.aos-all2025 {
  
  max-width: 98%;
  margin: -130px auto 0px auto;overflow: hidden;
}

.aos-all {
  
  max-width: 98%;
  margin: 20px auto 0px auto;overflow: hidden;
}

.aos-item {
  display: block;
  float: left;
  width: 33.3333%;
  height: 330px;
  padding: 10px;margin-bottom: 20px;
}

.aos-item-inner {
 position: relative;
width: 100%;
height: 100%;
line-height: 21px;
text-align: center;
color: #3c3c3c;
box-shadow: 3px 3px 8px rgba(51, 51, 51, 0.69);
padding: 10px 0; font-size: 1.2em;
}
.aos-item-inner a {}
.aos-item-inner a:hover {
}
.aos-item-inner .ikiiki-f a {color:#0aa48e !important;font-size: 14px;border-bottom: 1px solid;}
.aos-item-inner .ikiiki-f a : visited {color:#5ab5bd !important;font-size: 14px;border-bottom: 1px solid;}
.aos-item-inner .ikiiki-f a:hover{ color:#5ab5bd !important;}

@media screen and (max-width: 600px) {
  .aos-item {
    width: 100%;
  }
}

/*--------------tda css--------------*/
.tda-arr-button {
 position: relative;
display: inline-block;
padding: 2px 30px;
background-color: #201610;
color: #fff;
text-align: center;
text-decoration: none;
float: right;
margin-right: 50px;
font-size: 12px;
letter-spacing: 0.1em;
font-weight: normal;
margin-top: 60px;z-index: 30;
}
.tda-arr-button::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .2s;
}
.tda-arr-button:hover::after {
  right: -.05em;
}

/*--------------tda css--------------*/

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.box-map{width:100%;text-align:right;margin-top:20px !important;}
.card-box{float:right;}
.cards {
  position: relative;
  list-style-type: none;
  padding: 0;
  max-width: 24em;
margin: 50px 0px 0 40px !important;
}
.card {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #ccc;
  border-radius: 7px;
  padding: 40px;
  box-shadow: 0 0 15px #cecece;
  -webkit-transform: translateY(0) rotate(4deg) translateX(25px) scale(1);
          transform: translateY(0) rotate(4deg) translateX(25px) scale(1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
  transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
  transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
  transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.card :last-child {
  margin-bottom: 0;
}
.card--next {
  z-index: 5;
  -webkit-transform: translateY(-25px) rotate(4deg) translateX(25px) scale(1);
          transform: translateY(-25px) rotate(4deg) translateX(25px) scale(1);
}
.card--out {
  -webkit-animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8);
          animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8);
  -webkit-transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
          transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  z-index: 1;
  background: #bbb;
}
@-webkit-keyframes card-out {
  0% {
    z-index: 20;
    -webkit-transform: translateY(0px) rotate(-4deg);
            transform: translateY(0px) rotate(-4deg);
  }
  50% {
    -webkit-transform: translateY(-120%) rotate(-5deg) translateX(-40px);
            transform: translateY(-120%) rotate(-5deg) translateX(-40px);
  }
  80% {
    z-index: 1;
  }
  100% {
    -webkit-transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
            transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  }
}
@keyframes card-out {
  0% {
    z-index: 20;
    -webkit-transform: translateY(0px) rotate(-4deg);
            transform: translateY(0px) rotate(-4deg);
  }
  50% {
    -webkit-transform: translateY(-120%) rotate(-5deg) translateX(-40px);
            transform: translateY(-120%) rotate(-5deg) translateX(-40px);
  }
  80% {
    z-index: 1;
  }
  100% {
    -webkit-transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
            transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  }
}
.card--current {
  cursor: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  position: relative;
  z-index: 10;
  opacity: 1;
  background: #EEE;
  -webkit-transform: rotate(-1deg) translateX(0%) scale(1);
          transform: rotate(-1deg) translateX(0%) scale(1);
}

/*--------------個別レイアウト--------------*/

.open-title {
	font-size:16px;
  
  padding: 1.1em 0 0.5em 0;
  border-bottom: solid 5px #73ae85;
  color: #317444;
}
.open {
	font-size:16px;
  
  padding: 1.1em 0 0.5em 0;
  border-bottom: solid 2px #317545;
  color: #317444;
}


.tda-medical-news {
    padding: 2em;
    color: #5d627b;
    background: white;
   
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    margin-top: 0px !important;
}

.tda-comment {
    padding:2em;
    color: #5d627b;
    background: white;
    border-top: solid 5px #73ae85;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    margin-top: 10px !important;
}
.tda-comment p {
    margin: 0; 
    padding: 0;
}

.inner-tda {
    max-width: 960px;
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto; padding:40px 0;}

table.tda-den {width:100%;margin-top:20px;
}
table.tda-den th {
  background: #d4eadb;
  border: solid 1px #c8ccc9;
  color: #3d3f42;
  padding: 10px;width:30%;font-weight: bold;vertical-align: middle;
}
table.tda-den td {
　background: #fff;
  border-top: solid 1px #c8ccc9; border-right: solid 1px #c8ccc9; border-bottom: solid 1px #c8ccc9;
  color: #3d3f42;
  padding: 20px;text:align:center;
}

table.tda-den th.holiday {
  background: #d4eadb;
  border: solid 1px #c8ccc9;
  color: #3d3f42;
  padding: 10px;width:20%;font-weight: bold;vertical-align: middle;
}
/*--------------個別診療時間--------------*/

table.medical-hours{
border-collapse:collapse;
border-top:solid 1px #C1C1C1;
border-left:solid 1px #C1C1C1;width: 100%;
  margin-top:20px;
}
table.medical-hours th{
border-bottom:solid 1px #C1C1C1;
border-right:solid 1px #C1C1C1;
font-weight:normal;
padding:10px;
text-align:center;
background-color:#BFE3CA;
vertical-align:middle;
}
table.medical-hours th.time{
border-bottom:solid 1px #C1C1C1;
border-right:solid 1px #C1C1C1;
font-weight:normal;
padding:10px;
text-align:center;
background-color:#BFE3CA;
vertical-align:middle;width:20px;
}
table.medical-hours td{
border-bottom:solid 1px #C1C1C1;
border-right:solid 1px #C1C1C1;
padding:10px;text-align: center;
vertical-align: middle;
}

table.medical-hours td.bg_grey{
background-color:#F2F2F2;
}



@media screen and (max-width: 600px) {
  
table.news2021 .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
table.news2021 {
    width: 100%;
  }
table.news2021 th,
table.news2021 td {
　　border-top: solid 1px #c8ccc9; border-right: solid 1px #c8ccc9; border-bottom: solid 1px #c8ccc9;border-left: solid 1px #c8ccc9;
    display: block;
    width: 100%;
  }
table.news2021 th {
  background: #d4eadb;
  border: solid 1px #c8ccc9;border-bottom:none !important;
  color: #3d3f42;
  padding: 10px;width:100%;font-weight: bold;vertical-align: middle;
}
 
  
table.news2021 td {
　background: #fff;
  border-top: solid 1px #c8ccc9; border-right: solid 1px #c8ccc9; border-bottom: solid 0px #c8ccc9;
  color: #3d3f42;
  padding: 20px;text:align:center;
} 
  
  
  
  
  
  .tda-arr-button {
 position: relative;
padding: 2px 30px;
background-color: #1882ae;
color: #fff;
text-align: center;
text-decoration: none;
float: right;
margin-right: 0px;
font-size: 12px;
letter-spacing: 0.1em;
font-weight: normal;
margin-top: 0px;
}
  
  .cards {
    position: relative;
    list-style-type: none;
    padding: 0;
    max-width: 24em;
    margin: 50px 0px 0 0px !important;
}
  
table.tda-den .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
table.tda-den {
    width: 100%;
  }
table.tda-den th,
table.tda-den td {
　　border-top: solid 1px #c8ccc9; border-right: solid 1px #c8ccc9; border-bottom: solid 1px #c8ccc9;border-left: solid 1px #c8ccc9;
    display: block;
    width: 100%;
  }
table.tda-den th {
  background: #d4eadb;
  border: solid 1px #c8ccc9;border-bottom:none !important;
  color: #3d3f42;
  padding: 10px;width:100%;font-weight: bold;vertical-align: middle;
}
  table.tda-den th.holiday {
  background: #d4eadb;
  border: solid 1px #c8ccc9;border-bottom:none !important;
  color: #3d3f42;
  padding: 10px;width:100%;font-weight: bold;vertical-align: middle;
}
  
table.tda-den td {
　background: #fff;
  border-top: solid 1px #c8ccc9; border-right: solid 1px #c8ccc9; border-bottom: solid 0px #c8ccc9;
  color: #3d3f42;
  padding: 20px;text:align:center;
}  

.full-box-title-short {

    text-align: left;
    line-height: 1.7em;
    font: 18px "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-size: 15px !important;
    letter-spacing: .06em;
    color: rgb(11, 40, 96);
    font-size: 90%;
    padding-left: 10px !important;
    font-weight:bold;
}
  .card-box{width:100%;}

}



.not-break { white-space: nowrap;}

/*--------------map表示調整--------------*/
.map-body {width:100%; }
.map-box {width: 100%;
height: 55px;
background-color: #fff;
z-index: 3;
position: absolute;}
.map-tda-area{text-align: center;
font-size: 14px;}
/*--------------病院リスト住所--------------*/

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.add-box { text-align: right; }
span.postadd {
    display: inline-block;float:left;
}
span.postadd2 {
    display: inline-block;text-align:right;
}

/*--------------病院リスト--------------*/

table#tbl-list{margin: 20px auto;border-collapse: collapse;border-top: 1px solid #ccc;width:99%;}

table#tbl-list th{background: #3967bf;
border: solid 1px #2559c1;
  color: #fff;
  padding: 10px;text-align: center;}

table#tbl-list td{border-bottom: solid 1px #a6a6a6 !important;
padding:10px;
border-left: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;vertical-align:middle;}

table#tbl-list td.add{border-bottom: solid 1px #a6a6a6 !important;
padding:10px;
border-left: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;white-space:normal;height: 81px;}

table#tbl-list td.tel-t{border-bottom: solid 1px #a6a6a6 !important;
padding:10px;
border-left: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;width:20%; min-width:120px; max-width:200px;}

table#tbl-list td.name {
    border-bottom: solid 1px #9fa6a1 !important;
   
    padding: 5px;
    border-left: 1px solid #9fa6a1;
    border-right: 1px solid #9fa6a1;
    vertical-align: middle;width:23%; min-width:120px; max-width:130px;
}




table#tbl-list td:first-child {
  background:#D5ECDC;
}





@media screen and (max-width: 640px) {
  
  .banner-sp {
  width: 230px;
  height: 90px;
  overflow: hidden;
  margin: 5px auto !important;
  position: relative;
  float: none !important;
}
  
  .full-box-title {
    text-align: center;
    line-height: 1.7em;
    font: 13px/1.231 "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;letter-spacing: .06em;
    color: rgb(17, 50, 130);font-size: 120% !important;padding-top: 20px;
   
}
  
  
  table#tbl-list {
    margin: 20px auto;
    border-collapse: collapse;
    border-top: 1px solid #a6a6a6;
    width: 99%;
}
  
  .full-box-title-short {
    text-align: left;
    line-height: 1.7em;
    font: 13px/1.231 "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
        font-size: 13px;
    letter-spacing: .06em;
    color: rgb(16, 68, 52);
    font-size: 100%;
    padding-left: 25px;
}
 
  .tbl-r#tbl-list td.last {
  border-bottom: solid 1px #a6a6a6;
}
  
table#tbl-list {
    width:100%;
  }
  
 table#tbl-list th{
    border-bottom: none;
  }
  
 table#tbl-list td{
    border-bottom: none; display: block;
    text-align: right;
    width: 100%;
  }  
   table#tbl-list td.add{
    border-bottom: none; display: block;
    text-align: right;
    width: 100%;
  }  
     table#tbl-list td.name{
    border-bottom: none; display: block;
    text-align: right;
    width: 100%;max-width: 100%;
  }  
table#tbl-list tr.thead {
    display: none;
  }
  
  
table#tbl-list td:first-child {
    background:#d4eadb;
    color: #fff;
    font-weight: bold;
    text-align: left;
  }
 table#tbl-list td:before {
   content: attr(data-label);
float: left;
font-weight: bold;
margin-right: 10px;
  }
table#tbl-list td.tel-t{border-bottom: solid 1px #a6a6a6 !important;
padding: 10px;
border-left: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;
width: 100%;
max-width: 100%;}
}

/*--------------キーワードで探す一覧--------------*/




*{
  margin: 0;
  padding: 0;
}
.key-wrap{
 max-width: 740px;
padding: 10px;
  background-color:#efefef;
  margin: 0 auto
}
ul.flexContent{
  display:flex;
  justify-content:space-between;
  flex-wrap: wrap;text-align:center;}

ul.flexContent::before{
   content: "";
display: block;
width: 160px;
height: 0;
-webkit-box-ordinal-group: 2;
order: 1;
  }
ul.flexContent::after{
    content:"";
    display:block;
    width: 160px;
    height:0;
  }
}
ul.flexContent li{list-style: none;
margin-bottom: 10px;
width: 160px;}

ul.flexContent >li{
  list-style: none;
  margin-bottom: 10px;
  width: 160px;
}
.key-btn{
  display: inline-block;
  box-sizing: border-box;
  padding:10px;
  text-decoration:none;
  border-radius:5px;width:160px;
  outline: none;background-color:#777679;
   color: #fff !important;}


.key-btn::before,
.key-btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.key-btn,
.key-btn::before,
.key-btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.key-btn:hover {
  background-color:#85c88c;
}

/*--------------知っとこheader--------------*/

.tda_shittoko {
	display: flex;
	
	width: 100%;
	height: 130px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("https://www.tda.or.jp/images/header/tokushima-bk-shittoko.jpg") no-repeat center center;
  
}

.tda_shittoko.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;
}
.tda_shittoko.fixed.none {
	opacity: 0;
	z-index: -1;
}
#full-box2 {
    width: 1160px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0% 35px 0%;
    box-sizing: border-box;
    background-color: rgba(1, 116, 142, 0.7);
}
/*--------------探そう16, 68, 52color--------------*/
.end_box{background-color: #fff;}

.search-txt2 {
    font: "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-size: 17px;
     line-height: 1.7em;text-align:center;margin:10px auto 30px auto;border-bottom:1px solid #ccc;
}


.none-map-text{display:none;}
.img2 {
  max-width: 850px;
  height: auto;margin:0 auto;display: block;
}

.resizeimage {
   max-width: 385px; /* 最大幅 */
   min-width: 285px; /* 最小幅 */margin: 0 auto;
}



@media screen and (max-width: 460px){
/*--------------ikiiki コメント--------------*/
  
  
  .box-map {
    width: 100%;
    text-align:center;
    margin-top: 20px !important;
     margin-bottom: 30px !important;
}
.card-box {
    float: none !important;
    margin: auto !important;
    text-align: center;
    display: block;
}
  .cards {
    position: relative;
    list-style-type: none;
    max-width: 24em;
    margin: 60px auto !important;
}
  .ask-text {

    background: #a5d3e6;
    font-size: 14px;
    line-height: 180%;
    min-height: 95px;
    padding: 10px;
    width: 100%;
    margin: 20px auto;
    text-align: left;

}
.vc {
    width: 100%;
border: 3px solid #61c8f1;
background-color: #fff;
color: #444;
padding: 2.5%;max-width: 100%;

border-radius: 5px;
  margin-left: 0px !important;overflow: hidden;
}
  .irr::before {

    border-right: 0px solid #d2d2d2;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 14px;
    left: -11px;

}
  .irr::after {

    border-right: 10px solid #fff;
    border-bottom: 0px solid transparent;
    border-top: 0px solid transparent;
    top: 14px;
    left: -7px;

}
  
  
  
.full-box-title-ask {
    text-align: center;
    line-height: 1.7em;
    font: 13px/1.231 "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;letter-spacing: .06em;
    color:rgb(253, 242, 77);font-size: 120%!important;padding-top: 20px;
   
}

.none-map{display:none !important;}
.none-map-text {
		display:block;
	}
.none-map-text a:{font-color:#4e9d85;}
}
.delayed-image {
    animation: fadeIn 15s ease 0s 1 normal;
    -webkit-animation: fadeIn 15s ease 0s 1 normal;
}
#full-box {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0% 35px 0%;
    box-sizing: border-box;
    background-color: rgba(44, 110, 213, 0.51);
}
.full-box-title {
    text-align: center;
    line-height: 1.7em;
    font: 13px/1.231 "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;letter-spacing: .06em;
color: rgb(255, 255, 255);font-size: 180%;
   
}
.full-box-title-ask {
    text-align: center;
    line-height: 1.7em;
    font: 13px/1.231 "ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;letter-spacing: .06em;
    color:#fff;font-size: 180%;
   
}
.full-box-title-short {
    text-align: center;
line-height: 1.7em;
font: 21px"ヒラギノ角ゴPro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
letter-spacing: .06em;
color: rgb(242, 242, 242);
font-size: 25px;

}
.page-rogo{padding:15px 10px 0 10px;}
.page-rogo-short{padding:15px 10px 0 10px; float-left;}
.tda_search {
	display: flex;
	
	width: 100%;
	height: 130px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("../../../images/admin/header/tokushima-bk3.jpg") no-repeat center center;
  
}
.tda_search-short {
	display: flex;
	
	width: 100%;
	height: 130px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("../../../images/admin/header/tokushima-bk3.jpg") no-repeat center center;
  
}
.tda_search.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;box-shadow: 0px 7px 8px -8px #3C2A2A;
}
.tda_search-short.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;
}
.tda_search.fixed.none {
	opacity: 0;
	z-index: -1;
}
.tda_search-short.fixed.none {
	opacity: 0;
	z-index: -1;
}
.oneArea {
	display: flex;
	justify-content: center;
	align-items: center;background-color: #fff;

}
.oneArea .one_title {
	font-size: 30px;
	font-weight: bold;
}

@media screen and (max-width: 1024px) {
	.oneArea .one_title {
		font-size: 18px;
	}
	.end_box {
		font-size: 18px;
	}
}

/*--------------top--------------*/
.tda_ask {
	display: flex;
	
	width: 100%;
	height: 130px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("../../../images/admin/header/bk-ask.jpg") no-repeat center center;
  
}
.tda_ask-short {
	display: flex;
	
	width: 100%;
	height: 130px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("../../../images/admin/header/bk-ask.jpg") no-repeat center center;
  
}
.tda_ask.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;box-shadow: 0px 7px 8px -8px #3C2A2A;
}
.tda_ask-short.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;
}
.tda_ask.fixed.none {
	opacity: 0;
	z-index: -1;
}
.tda_ask-short.fixed.none {
	opacity: 0;
	z-index: -1;
}

/*--------------top--------------*/

/*--------------event2022--------------*/
.tda_event2022 {
	display: flex;
	
	width: 100%;
	height: 160px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("../../../images/admin/header/event2022-bk.jpg") no-repeat center center;
  
}
.tda_event2022-short {
	display: flex;
	
	width: 100%;
	height: 130px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	top: 0;left: 0;
	transition-duration: .6s;background: url("../../../images/admin/header/event2022-bk.jpg") no-repeat center center;
  
}
.tda_event2022.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;box-shadow: 0px 7px 8px -8px #3C2A2A;
}
.tda_event2022-short.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: +1;
}
.tda_event2022.fixed.none {
	opacity: 0;
	z-index: -1;
}
.tda_event2022-short.fixed.none {
	opacity: 0;
	z-index: -1;
}

.more-r{
    border-radius: 0px;
    color: 
#4A4A4A;
display: block;
font-size: 25px;
font-weight: bold;
line-height: 1;
padding: 9px 0 8px 0px;
text-align: left;
text-decoration: none;
width: 99%;
border-bottom: 1px solid #456fc0;
    font-family: "Open Sans",sans-serif;
}

.more-l2{
    border-radius: 5px;
    color: 
#fff !important;
display: block;
font-size: 11.2px;
float: right;
padding: 5px;
text-align: center;
text-decoration: none;
width: 90px;
letter-spacing: 0.05em;
background-color: #b3b3b3 !important;margin-bottom: 0;
}

.more-l  {font-family: 'Noto Sans JP', sans-serif;
background-color: #eca724;
margin: 5px auto;
line-height: 40px;
border-radius: 4px;
display: table;
color: #44A3EA;
font-size: 14px;
text-align: center;width:95%;
}

.more-l3 {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #cecece;
    margin: 5px 10px;
    line-height: 40px;
    border-radius: 4px;
    display: table;
    color: #44A3EA;
    font-size: 14px;
    text-align: center;
    width: 30%;
    float: right;
}
.more-l a  {transition: all .3s linear;
	display: block;
	color: #fff:
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.more-l a:hover {
	background-color:#96E6F1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;transition: 1.0s ;
}

.more-l3 a  {transition: all .3s linear;
	display: block;
	color: #fff:
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.more-l3 a:hover {
	background-color:#96E6F1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;transition: 1.0s ;
}

footer nav
------------------------------------------------*/
.tda-info-box{width:100px;float:left;}
.footer-nav {
  padding: 10px 0;
}
.inner {
    max-width: 900px;
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto; padding:40px 0 0 0;}

.inner2 {
    max-width: 830px;
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto; padding:50px 0;}

.footer-nav-menu {
  font-family: "Maven Pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
}

.footer-nav-item a {
  display: block;
  padding: 0 0 3px;
  position: relative;
  text-decoration: none;
}
.footer-nav-item a::after {
   border-bottom: solid 1px #fff;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}

.footer-nav-title {
  font-size: 14px;
  position: relative;
  color: #fff;
}

.footer-nav-title.is-open .footer-nav-title-btn:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.footer-nav-small:last-child {
  margin-bottom: 0;
}

.footer-nav-btn {
  margin-bottom: 10px;
}
.footer-nav-title-btn, .footer-nav-title-btn::before, .footer-nav-title-btn::after {
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-sizing: border-box;
}
.footer-nav-title-btn::after {
    top: 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.footer-nav-title-btn::before, .footer-nav-title-btn::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: 
    #fff;
}

.footer-nav-small:last-child {
  margin-bottom: 0;
}

.footer-nav-btn {
  margin-bottom: 10px;
}

.footer-nav-btn a {
  font-family: "NotoSansCJKjp-Regular";
  background: #1fa2f0;
  color: #247dce;
  text-align: center;
  font-size: 14px;

  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.footer-nav-btn a:hover {
  background:#3cb5f0;
color: #570d0d;
}

.footer-nav-btn-outlink a {
  font-family: "NotoSansCJKjp-Regular";
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  height: 40px;
  line-height: 40px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: color .3s ease, border .3s ease;
  transition: color .3s ease, border .3s ease;
}

.footer-nav-btn-outlink a:hover {
  color: #0085d0;
  border: 1px solid #0085d0;
}

.footer-nav-outlink-item {
  width: 115px;
}

.footer-nav-outlink-item:last-child {
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
}

.footer-nav-sns-item {
  display: inline-block;
  vertical-align: middle;
}

.footer-nav-sns-item:first-child {
  margin-right: 7px;
}

.footer-nav-sns-item img {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;background-color: #1438a4;
}

.footer-nav-sns-item:hover img {
  opacity: 0.5;
  filter: alpha(opacity=0);
}

.footer-nav-sns-item_fb {
  background: url("https://www.tda.or.jp/images/admin/footer/f_icon_fb-on.png") no-repeat center center;
  background-size: 40px 40px;
}

.footer-nav-sns-item_tw {
  background: url("https://www.tda.or.jp/images/admin/footer/f_icon_fb-on.png") no-repeat center center;
  background-size: 40px 40px;
}

.footer-nav-title-btn,
.footer-nav-title-btn:before,
.footer-nav-title-btn:after {
  display: inline-block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  box-sizing: border-box;
}

.footer-nav-title-btn {
  width: 12px;
  height: 12px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}
.footer-nav-title-btn {
    width: 12px;
    height: 12px;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
}

.footer-nav-title-btn:before,
.footer-nav-title-btn:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.footer-nav-title-btn:before {
  top: 6px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.footer-nav-title-btn:after {
  top: 6px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.is-active .footer-nav-title-btn:before {
  display: none;
}

.is-active .footer-nav-title-btn:after {
  top: 6px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*
page top
------------------------------------------------*/

.footer-pagetop {
  font-family: "Maven Pro", sans-serif;
  font-weight: 500;
  font-size: 10px;
  font-size: 1.0rem;
  text-align: center;
  background: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.footer-pagetop:hover {
  background: #f0ff82;
}

.footer-pagetop a {
  display: block;
  color: #787878;
  position: relative;
  /*
    		&::before{
    			content: "";
    			display: block;
    			background: url("../images/common/pagetop_icon.png") no-repeat center center;
    			background-size: 15px auto;
    			width: 15px;
    			height: 9px;
    			margin: 0 auto 6px;
    		}
    */
}

.footer-pagetop a:before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  border-top: 1px solid #5a5a5a;
  border-right: 1px solid #5a5a5a;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*
fadein
------------------------------------------------*/

@media screen and (min-width: 769px) {
.footer-nav-outlink {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

.footer-nav-title {
    padding: 10px 0;
}

 .footer-bnr_contact {
    background: url("../images/common/footer_bnr_photo_01.jpg") no-repeat right top;
    background-size: auto 100%;
  }

  .footer-bnr_opencampus {
    background: url("../images/common/footer_bnr_photo_02.jpg") no-repeat right top;
    background-size: auto 100%;
  }

  .footer-bnr a {
    padding-top: 60px;
  }

  .footer-bnr-bg {
    right: 569px;
  }

  .footer-bnr-bg:after {
    right: -190px;
  }

  .footer-bnr-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
  }

  .footer-bnr-txt {
    display: inline-block;
    vertical-align: middle;
  }

  .footer-bnr-title {
    font-size: 3.0rem;
  }

  .footer-bnr-lead {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .footer-nav-menu {
    display: none;
  }

  .footer-nav-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer-nav-list {
    position: relative;
  }

  .footer-nav-list:nth-child(4) .footer-nav-item {
    margin-bottom: 15px;
  }

  .footer-nav-list:nth-child(4) .footer-nav-item_only {
    margin-bottom: 0;
  }

  .footer-nav-item {
    margin-bottom: 15px;
  }

  .footer-nav-item:last-child {
    margin-bottom: 0;
  }

  .footer-nav-item_only {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }

  .footer-nav-item_only2 {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 70px;
  }

  .footer-nav-item_only .footer-nav-title {
    margin-bottom: 0;
  }

  .footer-nav-item_certification {
    display: none;
  }

  .footer-nav-item_rental {
    display: none;
  }

  .footer-nav-item a:hover {
    
  }
  .footer-nav-item a:hover::after {
  width: 100%;
}

  .footer-nav-title {
    margin-bottom: 0px;
  }

  .footer-nav-title-btn {
    display: none;
  }

  .footer-nav-small {
    font-family: "NotoSansCJKjp-Light";
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 3px 18px;
    padding-left: .7em;
    text-indent: -.7em;
  }

  .footer-nav-small a:before {
    content: "- ";
  }

  .footer-nav-submenu {
    display: block !important;
  }

  .footer-nav-info {
    width: 240px;
    position: relative;
    margin-left: 10px;
  }

  .footer-nav-btn a {
    max-width: 240px;
    height: 60px;
line-height: 55px;
  }

  .footer-nav-btn-outlink a {
    white-space: nowrap;
  }

  .footer-nav-outlink {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .footer-nav-sns {
    margin-top: 10px;text-align: center;
  }

  .footer-pagetop a {
    padding: 10px 0 8px;
  }

  .footer-info {
    margin: 50px 0 0px;
  }

  .footer-info-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-info-logo {
    margin: 0 20px 0 0;
    width: 49%;
    max-width: 363px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .footer-info-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1.4;
    -webkit-flex: 1.4;
    -ms-flex: 1.4;
    flex: 1.4;
  }

  .footer-info-address {
    font-family: "NotoSansCJKjp-DemiLight";
    margin-bottom: 8px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .footer-info-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .footer-info-tel-number {
    margin-right: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 266px;
  }

  .footer-info-tel-txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    padding-left: 15px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin-right: 80px;
  }

  .footer-subnav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .footer-subnav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.3rem;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #dcdcdc;
  }

  .footer-subnav-item:last-child {
    border-right: none;
    white-space: nowrap;
  }

  .footer-subnav-item:last-child a {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .footer-copyright {
    margin: 35px 0;
    font-size: 1.0rem;
  }
  }


@media screen and (max-width: 1024px) {
  
#tda-kensakubox {
    position: absolute;
    top: 91px;
    right: 20px;
    z-index: 1200000;
}
  }


@media screen and (max-width: 768px) {
  .box-center {
    letter-spacing: 0.1em;
    color: #ffffd0;
    font-weight: bold;
    width: 80%;
    margin: 0 auto 10px auto;
    text-align: center;
    font-size: 90%;
    border-radius: 20px;
    background-color: #444;
}
  
    .full-box-title-event {
   
    color: rgb(255, 255, 255);
    font-size: 120% !important;
    padding-top: 0px;
}
   .post-form3 {
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    color: #bf1142;
    padding: 20px 10px 10px 0px;
   font-size: 19px;
    font-weight: normal;
}

  
  p.footer-info-tel-txt{margin-bottom: 12px;text-align:center;}
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  body {
    letter-spacing: .03em;
  }

  .sec-heading {
    margin-bottom: 30px;
  }

  .sec-heading-en {
    font-size: 2.8rem;
  }

  .sec-heading-jp {
    font-size: 1.0rem;
  }

  .inner_sp {
    margin-right: 27px;
    margin-left: 27px;
  }

  .footer-bnr_contact {
    background: url("../images/common/footer_bnr_photo_01_sp.jpg") no-repeat right top;
    background-size: auto 100%;
  }


  .footer-bnr_opencampus {
    background: url("../images/common/footer_bnr_photo_02_sp.jpg") no-repeat right top;
    background-size: auto 100%;
  }

  .footer-bnr a {
    padding-top: 27px;
  }

  .footer-bnr-bg {
    right: 190px;
  }

  .footer-bnr-bg:after {
    right: -190px;
    right: -189px;
  }

  .footer-bnr-icon {
    display: none;
  }

  .footer-bnr-title {
    font-size: 1.8rem;
    display: inline-block;
    vertical-align: top;
  }

  .footer-bnr-title:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
  }

  .footer-bnr-title_contact:before {
    background: url("../images/common/footer_bnr_icon_01.png") no-repeat center center;
    background-size: 30px auto;
    width: 30px;
    height: 22px;
  }

  .footer-bnr-title_opencampus:before {
    background: url("../images/common/footer_bnr_icon_02.png") no-repeat center center;
    background-size: 30px auto;
    width: 30px;
    height: 22px;
  }

  .footer-bnr-lead {
    font-size: 1.1rem;
    line-height: 1.4;
  }

  .footer-bnr-go {
    display: none;
  }

  .footer-nav {
    padding: 0px 0 0px;
  }

  .footer-nav-body {
    max-width: 320px;
    margin: 0 auto;
  }

  .footer-nav-item_rental {
    margin-bottom: 25px;
  }

  .footer-nav-title {
    padding: 13px 0;
    /*
        			&:hover{
        				cursor: pointer;
        			}
        */
  }

  .footer-nav-title_has:hover {
    cursor: pointer;
  }

  .footer-nav-title a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .footer-nav-small {
    font-size: 1.5rem;
    margin: 0 0 15px 20px;
  }

  .footer-nav-submenu {
    display: none;
    margin: 12px 0 15px;
  }

  .footer-nav-submenu a {
    display: block;
    width: 100%;
    height: 100%;
font-size:12px;
  }

  .footer-nav-btn a {
    max-width: 320px;
    height: 50px;
    line-height: 50px;
  }

  .footer-nav-btn-outlink a {
    max-width: 320px;
  }

  .footer-nav-outlink {
    display: none;
  }

  .footer-nav-sns {
    margin-top: 20px;
    text-align: center;
  }

  .footer-pagetop a {
    padding: 14px 0 12px;
  }

  .footer-info {
    margin: 40px 0 18px;
  }

  .footer-info-body {
    max-width: 320px;
    margin: 0 auto;
  }

  .footer-info-logo {
    margin-bottom: 20px;
  }

  .footer-info-address {
    font-family: "NotoSansCJKjp-Light";text-align: center;
  }

  .footer-info-tel {
    margin-bottom: 12px;
  }

  .footer-info-tel-number {
    margin-bottom: 6px;
  }

  .footer-info .sp {
    display: inline-block;
  }

  .footer-subnav {
    margin: 0 20px;
  }

  .footer-subnav-list {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    max-width: 320px;
    margin: 0 auto;
  }

  .footer-subnav-item {
    font-size: 1.2rem;
    height: 50px;
    line-height: 50px;
  }

  .footer-subnav-item:nth-child(2) {
    border-right: 1px solid #dcdcdc;
  }

  .footer-subnav-item_large:first-child {
    border-bottom: 1px solid #dcdcdc;
  }

  .footer-subnav-item_large:last-child {
    width: 100%;
    float: left;
    border-top: 1px solid #dcdcdc;
  }

  .footer-subnav-item_small {
    float: left;
    width: 50%;
  }

  .footer-copyright {
    font-size: .8rem;
    letter-spacing: .01em;
    margin: 40px 0 20px;
  }

  .footer-copyright span {
    display: none;
  }
  }

@media screen and (max-width: 400px) {

.bottom-space{padding-bottom:30px !important;}
 }
@media screen and (max-width: 400px) {

 .covid19_box-l {
    background: #f3f9fd;
    color: #262525;
    border: double 2px #1f4288;
    margin: 40px 0 30px 0;
    padding: 20px 5px;
    max-width: 100%;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    line-height: 200%;
} 
  
  #tda-kensakubox {
    position: absolute;
    top: 91px;
    right: 10px;
    z-index: 1200000;
}
  
  .tda-osirase-1 {
    width: 100%;
    float: none;
    border: 0px solid #000;
}
 .tda-osirase-2 {
    width: 100%;
    float: none;
    border: 0px solid #000;
}
  
 ul.flexContent > li {
    list-style: none;
    width: 160px;
   
    text-align: center;
    margin: 5px auto;
} 
  
  h1 {
    font-size: 18px !important;
    color: #6a6a6a;
    padding: 10px;
}
  .more-l{
  font-family: 'Noto Sans JP', sans-serif;
    background-color: #cecece;
    margin: 10px auto;
    line-height: 40px;
    border-radius: 4px;
    display: table;
    color: #44A3EA;
    font-size: 12px;
    text-align: center;
    width: 95%;
    float: none;
}
  
 .more-l3{
  font-family: 'Noto Sans JP', sans-serif;
    background-color: #cecece;
    margin: 10px auto;
    line-height: 40px;
    border-radius: 4px;
    display: table;
    color: #44A3EA;
    font-size: 12px;
    text-align: center;
    width: 95%;
    float: none;
}  
  .info-text {
    color: #ff0000;
    font-size: 100% !important;
    font-weight: bold;
}
  
 .info-call {
    font-size: 100%;
    text-align: center;
    width: 100%;
    display: block;
    color: #1c1313 !important;
}
  
  .banner-sp {
    width: 230px;
    height: 90px;
    overflow: hidden;
  
    position: relative;
    float: none !important;
    margin: 10px auto;
}
  
  .news-all {
    border-radius: 0px;
    color: #4A4A4A;
    display: block;
    font-size: 1.2rem;
line-height: 1.6;
    line-height: 1;
    padding: 40px 20px 20px;
    text-align: left;
    text-decoration: none;

    border-bottom: 1px solid #456fe0;
    margin-bottom:10px;}

  
p.footer-info-tel-txt{ margin-bottom: 12px;text-align:center;}
  
  
    .ikiki-answer-title{
    width: 100%;
    padding: 10px 0 0 0;
    color: #1d5ea4;
    font-size: 18px;
    margin-bottom: 15px;
    text-align: left;
}
.ikiki-answer-subtitle {
    width: 100%;
    padding: 0px 0px 0 0;
    border-bottom: 2px solid #ddd;
    color: #3ca1c4;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 0px;
    overflow: hidden;
 
    text-align: right;

  
}

[class^="img-flex-3"] {
    margin: 0px auto;
    display: -webkit-flex;
    display: block;
    -webkit-justify-content: center;
    justify-content: center;
}
.img-flex-3 img { width: 100%; }
  .photo-r {
    padding-left: 0px;
    padding-bottom: 30px;float: none;
}
  .open-holiday {
    font-size: 17px;
    padding: 1.1em 0 0.5em 10px;
    border-bottom: solid 0px #317545;
    color: #b53675;
    margin-top: 0px;
    margin-bottom: 20px;color: #fff !important;
}
  p.img_center {
    text-align: left;
}
  #ikiiki-content {
    width: 100%;
    border: 4px solid #bbb;
    box-shadow: 0px 10px 8px -6px #CCCCCC;
    padding: 20px;
 margin-top:20px;
}
  .photo-l {

    float: none;
    padding-right: 0;
  padding-bottom:0;text-align: left;

}
  .pagination-wrapper {
    font-size: 0;
    position: absolute;
    left: 40%;
    text-align: center;
}
    
  #mutual-body2019{ background: none repeat scroll 0 0 #fbf271;height:3350px;
    background-image:url("../../../images/admin/mutual/2019mutual/20191216-2.jpg");background-repeat:no-repeat;padding-left:40px;}

.mutual1901{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px;}

.mutual1902{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px; }

.mutual1903{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px;}

.mutual1913{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px;}

.mutual1904{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px; }

.mutual1905{width:205px; height:205px;border:0px dotted #ffd78c; position:static;padding-top: 170px; }

.mutual1906{width:205px; height:205px;border:0px dotted #ffd78c; position:static;padding-top: 170px;}
.mutual1912{width:205px; height:205px;border:0px dotted #ffd78c; position:static;padding-top: 170px;}
.mutual1911{width:140px; height:140px;border:0px dotted #ffd78c;position:static;padding-top: 170px;}
.mutual19tooth{width:140px; height:140px;border:0px dotted #ffd78c;position:static;padding-top: 170px;}
.mutual1907{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px; }

.mutual1908{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px; }
.mutual1909{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px; }
.mutual1910{width:205px; height:205px;border:0px dotted #ffd78c;position:static; padding-top: 170px;}
.mutual1914{width:205px; height:205px;border:0px dotted #ffd78c;position:static; padding-top: 170px; }
.mutual1914-2{width:205px; height:205px;border:0px dotted #ffd78c;position:static;padding-top: 170px; }
.mutual2019dr{width: 305px;
height: 360px;
border: 0px dotted
#ffd78c;
position: static;
margin-left: -30px;padding-top: 170px;}

.mutual2019gi{display:none}

.mutual-message2019{width: 99%;
text-align: left;
font-size: 14px;
color:
    #121212;
    line-height: 150%;
    letter-spacing: 1px;
    position: static;
    margin-left: -25px;padding-top: 170px;
}
  
  .photo-r-a {
    float:none;
    padding: 10px;
    background-color: #fff;
}
  .tsunagari-box {
    line-height: 200%;
    margin-bottom: 50px;
    margin-left: 0px;margin-right: 0px;
}
  .about-us-title-s {
    margin-bottom: 30px;
    font-size: 1.1rem;
    margin-top: 40px;
}
  .img3 {
  
  margin-top:-50px;
}
  .msr_newslist01 li div {
    display: block;
   width: auto;
}
.msr_newslist01 li time {
    vertical-align: top;
    float: right;
}

  .msr_newslist01 li p {
    display: block;
    padding-left: 0px;
    vertical-align: middle;
}
}
/* # - Small Devices
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {
  .space-si {
    margin-left: 0px;
}
  
/* 相歯相愛2020 */  
  .mutual2020gi {
    display: none;
}
  #mutual-body2020{background-color: #b8cf26;
    border-radius: 30px;background-image:url("../../../images/admin/mutual/2020mutual/2020-bk2.png");background-repeat:no-repeat;position: relative;
margin-left: auto;
margin-right: auto;
width: 95.5%;padding-bottom: 30px;height:auto;}

.innerBox{
  width: 100%;
  padding: 8px;
  -webkit-box-sizing: border-box;  /*webkit系*/
  -moz-box-sizing: border-box;  /*Firefox*/
  box-sizing: border-box;
}
.img-size-ss{width:100%;height:auto;}
.img-size-s{width:100%;height:auto;}
.img-size-m{width:100%;height:auto;}

.mutual2001{width:205px; height:500px;border:0px dotted #ffd78c; position: static;padding-top: 170px;margin: 0 auto;}

.mutual2002{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}

.mutual2003{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}

.mutual2013{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}

.mutual2004{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}

.mutual2005{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}

.mutual2006{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}
.mutual2012{width:205px; height:345px;border:0px dotted #ffd78c;position: static;margin: 0 auto;}
.mutual2011{width:140px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}
.mutual20tooth{width:140px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}
.mutual2007{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}

.mutual2008{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}

.mutual2009{width:205px; height:345px;border:0px dotted #ffd78c;position: static;margin: 0 auto;}
.mutual2010{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}
.mutual2014{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}
.mutual2014-2{width:205px; height:345px;border:0px dotted #ffd78c; position: static;margin: 0 auto;}
.mutual2020dr{width: 305px;
height: 360px;
border: 0px dotted #ffd78c;
position: static;
margin-left: -30px;}

.mutual2020gi{width: 294px;height: 276px;border: 0px dotted #ffd78c;position: absolute;top: 860px;left: 25px;}
  .mutual-message2020 {
    width: 99%;
    text-align: left;
    font-size: 14px;
    color: #121212;
    line-height: 150%;
    letter-spacing: 1px;
    position: static;
    
}
  }
@media screen and (max-width: 600px) {

dl.event02 dd {
    padding: 0px 0 15px 0px;
    border-bottom: 1px dotted #999;
    width: 100%;
    width: auto;
    border-left: 0px solid #444;
    background: #fff;
    margin: 0px 0 5px 0;
    0: ;
}
dl.event02 dt {
    color: #1f58e8;
    width: 180px;
    float: none;
    clear: both;
    font-weight: bold;
    padding: 10px 0px 15px 0px;
    background: #fff;
    margin: 0 0 0px 0;
    font-weight: bold;
    border-left: 0px solid #444;
    border-top: 0px solid #444;
    border-radius: 0px 0 0 0;
}
  
.flex_award-box{
  padding: 10px 10px !important;
  display: flex;
}
  .award {
  position: relative;
  padding: 1rem 2rem 0.8rem 4em;
  background: #f7ee72;
  font-size: 22px;
  border: 1px solid #bbb;
  margin: 50px 10px !important;
  font-weight: bold;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #55530b;
}
  }