@charset "utf-8";
/******************************************************************
tochizeikyo.com
2021年10月
******************************************************************/

@import url(reset.css);
/* ==========================================================================
layout style
========================================================================== */


/* ==========================================================================
Base
========================================================================== */

body {
	font-family: 'Noto Sans Japanese', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 16px;
	line-height:1.6;
	color:#090909;
	min-width: 1000px;
}
/* ==========================================================================
Links
========================================================================== */
a{
	color: #004705;
	text-decoration: none;
  transition: 0.3s;

}
a.arrow{
	position: relative;
	padding-right:1rem;
	display: inline-block;
	width:100%;

}
a.arrow:after{
font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 700;
	margin-right:4px;
	right:2px;
	position: absolute;
	}

a.external{
display:  inline-block;
position: relative;
padding-right:1em;
}
a.external:after{
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f35d";
margin-left:.5em;
}
a.pdf{
display: inline-block;
position: relative;
padding-right:1em;
}
a.pdf:after{
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f1c1";
margin-left:.5em;
color:#8D0002;
}

a.excel{
display: inline-block;
position: relative;
padding-right:1em;
}
a.excel:after{
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f1c3";
margin-left:.5em;
}
a.word{
display: inline-block;
position: relative;
padding-right:1em;
}
a.word:after{
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f1c2";
margin-left:.5em;
}
.mainContents a{
color:#0645ad;
}

i.fa-rotate-15{
transform: rotate( 15deg );
}

i.fa-rotate--15{
transform: rotate( -15deg );
}
i.fa-file-pdf{
color:#8D0002;
}
/* ==========================================================================
 ボタン 
========================================================================== */
.btn,
a.btn,
input[type=button]{
  border: 1px solid transparent;
  background-image: none;
  padding: 0.375rem 0.75rem;
  display: inline-block;
  border-radius: 4px;
  margin: 5px auto;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /*box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);*/
  transition: .3s;
}
input[type=button]:hover,
.btn-normal:hover,
.btn:hover{
	opacity: .8;
}
.btn-s{
	padding: 0.275rem 0.5rem!important;
	font-size:.8rem!important;
}
.btn-default {
	background: linear-gradient(to top, #ccc, #fff)!important;
	border: 1px solid #ccc!important;
	color: #333!important;
}
.btn-white{
	background: #fff;
	border: 1px solid #ccc!important;
	color: #333!important;
}
.btn-grey {
	 background: linear-gradient(to bottom, #ccc, #fff)!important;
	 border: 1px solid #ccc!important;
	 color: #333!important;
}

.btn-blue {
     background: linear-gradient(to bottom, #e3effa, #fff)!important;
     border: 1px solid #ccc!important;
     color: #333!important;
}

.btn-green {
     background: linear-gradient(to bottom, #dbff7d, #eeffc3)!important;
     border: 1px solid #ccc!important;
     color: #333!important;
}
.btn-green2 {
     background: #0d851a!important;
     border: 1px solid #0d851a!important;
     color: #fff!important;
}
.btn-orange {
     background: linear-gradient(to bottom, #ff6600, #ffd0b1)!important;
     border: 1px solid #ccc!important;
     color: #333!important;
}
.btn-orange2 {
     background: #ff6600!important;
     border: 1px solid #ff6600!important;
     color: #fff!important;
}
.btn-strong {
     background:#FFB800;
     border: 1px solid #FFB800!important;
     color: #333!important;
}
.btn-primary {
     background: linear-gradient(to bottom, #0066ff, #79afff);
     border: 1px solid #0066ff;
     color: #fff!important;
}
.btn-dark {
     background: linear-gradient(to bottom, #b9b9b9, #8d8d8d);
     border-color: #ccc;
     color: #fff!important;
}
.btn-success {
    background-color: #339900;
    border:2px solid #174400;
    box-shadow: none;
    color: #fff!important;
}
.btn-pink {
    background-color:#FFD7D8;
    border:2px solid #dc797b;
    box-shadow: none;
    color: #333!important;
}
h3 .btn{
    margin-left:1rem;
    font-weight: bold;
}
h3 .btn-strong a{
    color: #333!important;
}
.btn-success a,
.btn-orange2 a,
.btn-green2 a{
    color: #fff!important;
}
h3 .btn-strong {
    border: 2px solid #9f5a00!important;
}
.btn-normal {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-lg > .btn-normal {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
			@media screen and (max-width: 768px) {
			.btn-lg > .btn-normal{
			width: 100%;
			}
			}

/* ==========================================================================
Typography
========================================================================== */

/* ==========================================================================
Lists
========================================================================== */
ol{
	/*margin: 1em 0;*/
	margin: 0 0;
	padding-left: 20px;
	list-style-type: decimal;
}
ol li {

}


/* ==========================================================================
Figures
========================================================================== */

figure{
margin:10px;
}
figure.rijicho {
width: 25%;
}
figure.rijicho img{
width: 100%;
margin-bottom: .5em;
}

		@media screen and (max-width: 768px) {
			figure.rijicho {
			width: 100%;
			margin:0px;
			}
			figure.rijicho img {
			max-width:100%;
			text-align: center;
			}
			figure.f-right{
			float: none;
			}

			figure.soshikizu img {
			width: 100%;
			}
}

/* ==========================================================================
Tables
========================================================================== */
			@media screen and (max-width: 768px) {
			table:not(.tblType1){
			min-width: 100%;
			}
			table:not(.tblType1) th,
			table:not(.tblType1) td{
			display:block;
			width: 100%;
			}			
			}


.inner {
	width: 980px;
	margin: 0 auto;
}

body {
			min-width: auto;
			width: 100%;
		 }
		 img {
		 
			/*max-width: 100%;*/
		 }
		 
.clearfix:after {
	display: block;
	content: "";
	clear: both;
	visibility: hidden;
}


.sp-only {
	display: none;
}
.pc-only{
	display: block;
}
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.left{
	text-align: left!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.bold{
	font-weight: 700!important;
}
.underline{
	text-decoration: underline;
}
.img-box {
	margin: 20px 0;
	text-align: center;
}
.table-box{
	margin-top: .5rem;
	margin-bottom:.5rem;
	width: 100%;
}
.border-box{
	border:1px solid #bbb;
	padding:1rem;
	margin:1rem auto;
}
.border-box.note{
	padding:5px;
}
.list-box{
	margin-top:.5rem;
	margin-bottom:.5rem;
	margin-left:1em;
}
.list-box.past{
	margin-left:0;
}
.btn-box{
	margin-top:.5rem;
	margin-bottom:.5rem;
}
.linethrough {
    text-decoration: line-through!important;
}

.fs-120{
font-size: 120%!important;
}
.fs-110{
font-size: 110%!important;
}
.fs-105{
font-size: 105%!important;
}
.fs-95{
font-size: 95%!important;
}
.fs-90{
font-size: 90%!important;
}
.fs-85{
font-size: 85%!important;
}

.ml05{
margin-left:.5rem;
}
.mb05{
margin-bottom:.5rem;
}

.ml1{
margin-left:1rem;
}
.mb1{
margin-bottom:1rem;
}

/* ==========================================================================
oshirase past
========================================================================== */
.list-box dl.oshirase{
margin-top:10px;
margin-right: 10px;
}

.list-box dl.oshirase dt{
float: left;
margin-right:.5em;
display:block;
font-size:.9rem;
padding:4px 0;
width:6em;
}
.list-box dl.oshirase dd{
border-bottom:1px dotted #ccc;
padding-left:5.5em;
display:block;
font-size:.9rem;
padding:4px 0;
}
					@media screen and (max-width: 768px) {
					.list-box dl.oshirase dt{
					display: block;
					width:100%;
					}
					.list-box dl.oshirase dd{
					dl	display: block;
					width:100%;
					padding-left:1rem;
					}
					
					}

/* ==========================================================================
Sitemap
========================================================================== */
.sitemap nav{
		margin-bottom:10px;
		display:flex;
		flex-wrap: wrap;
}
.sitemap nav dl {
		width: 30%;
    margin-right: 3%;
		}		
.sitemap nav dl:last-child {
    margin-right: 0;
		}
.sitemap nav dl dt {
    margin: 12px 0 8px;
	font-weight: normal;		
    border-bottom: 1px solid #004705;
    border-left: 5px solid #004705;
    font-size: 1rem;
    padding-left: 0.5em;
		}
.sitemap nav dl dd {
    margin: 5px 0 0px 10px;
		}
					@media screen and (max-width: 768px) {
					.sitemap nav dl{
					width: 100%;
							}
					}

	.content-box.sitemap a:hover{
	color:#ff6600;
	}

.note1{
	font-size: 0.9em;
}
p.note1 {
	text-indent: -1em;
	margin-left: 1em;
}
p.note2 {
	font-size: 0.9em;
	text-indent: -2em;
	margin-left: 2em;
}
ul.note li {
	font-size: 0.85em;
	margin: 5px 0 5px 1em;
	text-indent: -1em;
}

ul.astaNote li {
    padding-left: 1em;
		text-indent:-1em;
}

i{margin-left: .3em;}

.ti0{
text-indent: 0!important;
}
.ml1{
margin-left: 1em!important;
}
.ml2{
margin-left: 2em!important;
}
.ml3{
margin-left: 3em!important;
}
.ml4{
margin-left: 4em!important;
}
.ml5{
margin-left: 5em!important;
}
.ml6{
margin-left: 6em!important;
}
.ml7{
margin-left: 7em!important;
}
.ml8{
margin-left: 8em!important;
}
.ml9{
margin-left: 9em!important;
}
.ml10{
margin-left: 10em!important;
}
.ml11{
margin-left: 11em!important;
}
.mt0{
margin-top: 0!important;
}
.mt10{
margin-top: 10px!important;
}
.mt20{
margin-top: 20px!important;
}
.mt1{
margin-top:1rem;
}
.mb1{
margin-bottom:1rem;
}
.mb2{
margin-bottom:2rem;
}
.pl-ti4{
padding-left:4em!important;
text-indent: -4em!important;
}
.pl-ti7{
padding-left:7em!important;
text-indent: -7em!important;
}
.pl-ti12{
padding-left:12em!important;
text-indent: -12em!important;
}
.text-justify{
text-align: justify!important;
}

.title{
font-weight: bold;
margin-top:.5rem;
margin-bottom:.5rem;
}
.border-box.askul1 .title{
color:#BD00AA;
}
.border-box.askul2 .title{
color:#004705;
}
.tag-new{
background: #ff6600;
border-radius: 2px;
padding:2px;
font-size:10px;
color:#fff;
content:"new";
}
/* ==========================================================================
DL
========================================================================== */
dl dd{
/*margin-left: 1em;*/
}

dl.dlflex{
display: flex;
margin-bottom:5px;
  flex-wrap: wrap;
}
dl.dlflex dt{
width: 20%;
padding:2px;
border-radius:6px;
text-align: center;
margin:0 2% 0 0;
}
dl.dlflex dd{
width: 78%;
padding:2px;
margin:0 0 0 0;
}
dl.dlflex.orange dt{
background: #ffa337;
color:#fff;
margin-bottom:.2em;
}

/*　研修　*/
dl.dlflex.kensyu{
justify-content: space-between;
}

dl.dlflex.kensyu dd,
dl.dlflex.kensyu1 dd{
width: 85%;
}

dl.dlflex.kensyu dt{
text-align: left;
white-space: nowrap;
margin:0 0 0 0;
}
/*　研修　*/
dl.dlflex.kensyu1 dt{
text-align: left;
/*width:18%;*/
width:6em;
margin:0 0 0 0;
}
dl.address{

}
.nichizeiren dl{
justify-content:center;
align-items: center;
}
.nichizeiren dl dt{
width:35%;
}

.nichizeiren dl dd{
width:60%;
text-align: left;
}
/* コロン有りぶら下がり　*/
dl.dlflex.colon{
margin-bottom: 0;
}
dl.dlflex.colon dt{
width: auto;
text-align: left;
white-space: nowrap;
padding:0;
margin:0;
}
dl.dlflex.colon dt:after{
content:"：";
}
dl.dlflex.colon dd{
width: auto;
padding:0;
}
		@media screen and (max-width: 768px) {
		/*スクロールトップ*/
		dl.dlflex {
		flex-direction: column;
		}
		dl.dlflex dt{
		width: 100%!important;
		}
		dl.dlflex dd{
		width: 100%!important;
		}
		
		dl.dlflex.colon dd{
		width: 100%!important;
			}
		.lead dl.dlflex.kensyu,
		.lead dl.dlflex.kensyu1{
		flex-direction: row;
		}
		.lead dl.dlflex.kensyu dt,
		.lead dl.dlflex.kensyu1 dt{
		width: 25%!important;
		white-space: nowrap;
		}
		.lead dl.dlflex.kensyu dd,
		.lead dl.dlflex.kensyu1 dd{
		width: 70%!important;
		}	
}

dl.dlPrivacy dt{
font-weight: bold;
}
dl.dlPrivacy dd{
margin-left:1em;
margin-top: .5em;
margin-bottom:.5em;
}

.flexCol2{
display: flex;
font-size:.85em;
margin: .5em 0;
}
.flexCol2 span:first-child{
width: 75%;
white-space: nowrap;
padding-right:.5em;
}

.pankuzu {
	font-size: 0.85em;
	height: 40px;
    background-color: #f3f3f3;
    line-height: 40px;
}
.pankuzu a {
	color: #a0a0a0;
}
.pankuzu h1 {
	display: inline-block;
	vertical-align: text-bottom;
	color: #090909;
	line-height: 1.4;
	}
			
			@media screen and (max-width: 768px) {
			.pankuzu {
			line-height: 16px;
			}
			.pankuzu .inner a:first-of-type{
			font-size:0;
			
			}
			.pankuzu .inner a:first-of-type:before{
					 font-family: 'Font Awesome 5 Free';
					 font-weight: 900;
					 content: '\f015';
					 font-size:1rem;
			}
			}

.contact_box.kyosai{
margin-top: 2.5rem!important;
}
 .kyosai dl.dl-column{
 display: block;
 align-items:center;
 }
 .kyosai dl.dl-column dt{
 display: flex;
 align-items:center;
 padding:.5rem 0;
 justify-content: center; 
 }
 .kyosai dl.dl-column dd{
 
 padding:.5rem 0;
 }
 
 
 
/*スクロールトップ*/
#pagetop {
 width: 50px;
 height: 50px;
 position: fixed;
 bottom: 20px;
 right: 20px;
 background: #339900;
 opacity: 0.6;
}
#pagetop a {
 position: relative;
 display: block;
 width: 50px;
 height: 50px;
 text-decoration: none;
}
#pagetop a:before {
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 content: '\f106';
 font-size: 25px;
 color: #fff;
 position: absolute;
 width: 25px;
 height: 25px;
 top: -15px;
 bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 text-align: center;
}
		@media screen and (max-width: 768px) {
		/*スクロールトップ*/
		#pagetop {
				 bottom: 0px;
				 right: 0px;
		}
}

/*---------------------------------++++++++++++++++++++++++*/

h2.title {
	font-size: 1.7em;
	border-bottom: solid 2px #004705;
	padding-left: 5px;
	margin: 20px 0 10px;
}
h3,
h3.title,
h3.jigyo{
	font-size: 1.4em;
  border-bottom: solid 1px #ff6600;
  position: relative;
	padding:5px 0;
	margin-bottom:1rem;
}
h3:after,
h3.jigyo:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #ff6600;
  bottom: -1px;
  width: 15%;
}

h4.kousei{

  position: relative;
}
h3.kensyu span:nth-of-type(2),
h4.kousei span:nth-of-type(2){

  position: absolute;
	right:5px;
}

h4 {
  position: relative;
  padding: .75em 1em .75em 1.0em;
	font-weight: bold;
}
h4::after {
  position: absolute;
  top: .5em;
  left: 0em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ff6600;
  border-radius: 4px;
}

h4.kyosai{
margin-top:1.5rem;
}
h4.kyosai span{
display: block;
padding-bottom:2px;
border-bottom:1px solid #A4A4A4;
}
h5{
font-weight: bold;
color:#ff6600;
}
p.lead,
.lead{
margin:0 0 1rem 0;
}
.title_blue{
color:#25B1C6;
font-weight: 700;
}
.fc-blue{
color:#25B1C6;
}
.fc-blue2{
color:#0B98FF;
}
.fc-green{
color:#83AA22;
}
.fc-orange{
color:#ff6600;
}
.fc-red{
color:#990000;
}
.head-column2{
position: relative;
}
.head-column2 span {
    position: absolute;
    right: .5em;
}
			@media screen and (max-width: 768px) {
				h2.title {
				font-size: 1.5em;
			}
}
/*---------------------------------++++++++++++++++++++++++*/
header{
/*border-top:8px solid #004705;*/
border-top:8px solid #004705;
}

header .inner{
background:url("../images/bg-header.jpg") top no-repeat;
background-size:cover;
width: 980px;
margin:0 auto;
/*height: 140px;*/
}

header a{
color:#fff;
}
header .inner .logo h1{
font-size:2rem;
color: #004705;
display: inline-block;
font-weight: bold;
line-height: 1;
padding:0 10px;
text-shadow:2px 2px  white;
text-shadow:#fff 2px 0 20px;
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

header .inner .logo a{
	color:#004705;
}
header .inner .logo h1{
	font-size:2rem;
}
header .inner .logo h1 span{
	font-size:1rem;
	display:inline-block;
	margin-bottom:.5em;
}
header .inner .logo ul.nav-bar{
float: right;
}
header .inner .logo ul.nav-bar li{
background: #fff;
font-size:.75rem;
border:1px solid #004705;
border-radius: 0 0 4px 4px;
display:inline-block;
padding: 4px 8px;
}
header .inner .logo ul li a{
color:#004705;
}
header .inner .logo ul li.login{
background: #001f4d;
}
header .inner .logo ul li.login a {
color:#fff;
padding-left:1rem;
position: relative;
}
header .inner .logo ul li.login a:before{
font-family: "Font Awesome 5 Free";
content: '\f023';
font-weight: 700;
left:.2em;
top:-.1em;
position: absolute;
}

		@media screen and (max-width: 768px) {
		header{
		height:65px;
		}
		header .inner{
		background:none;
		width: 100%;
		}
		header .inner .logo h1{
		font-size:1.2rem;
		padding:5px 5px;
		}
		header .inner .logo h1 span{
		font-size:.6rem;
		}
		header .inner .logo ul.nav-bar li{
		background: #fff;
		font-size:.75rem;
		border-color:transparent;
		border-radius: 0;
		display:inline-block;
		padding: 4px 8px;
		}
		header .inner .logo ul li{
		display: inline-block;
		}
		}
/*-----------------------------------------------*/

/*---------------------------------++++++++++++++++++++++++*/
/* メニューボタンのスタイル */
.menu {
	/*margin-top: 1rem;*/
	margin-top: .5rem;
	display: flex;
	position: relative;
	background: #004705;
	color: #fff;
}
.menu .menu-list {
	width: 20%;
}
.menu .menu-list > a {
  border: 1px solid #ccc;
  display: block;
  padding: 10px;
  text-align: center;
  transition: .3s;
}
.menu .menu-list > a:hover {
  color: #004705;
  background: #90c014;
}
 
/* メガメニューのスタイル */
.menu-contents {
  /*background: #90c014;*/
	background: #fff;
  /*display: none;*/
  display: flex;
	flex-wrap: wrap;
	padding:10px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
	z-index:999999;
}
.menu-contents ul{
	/*float: left;*/
	margin:0;
	padding:10px;
	min-height:180px;
	/*height:100%;*/
}
.menu-contents.kensyu{
justify-content: flex-end;;
}
/*-----------------------------------*/
.menu-contents.gaikyo ul{
margin-left: 190px;
}
/*-----------------------------------*/
.menu-contents ul:not(:last-child){
margin-right: 1.0%;
}
.menu-contents.jigyo ul{
width: 24%;
}
.menu-contents li{
	margin:0;
	font-size:.9rem;
	position: relative;
}
.menu-contents li:not(.title){
	padding-right:1rem;
}

.menu-contents li:not(.title):after{
 position: absolute;
 font-family: 'Font Awesome 5 Free';
 font-weight: bold;
 content: '\f105';
 color: #004705;
	top:0;
 right: 0;
}
.menu-contents li:not(.title):hover:after {
 font-family: 'Font Awesome 5 Free';
 font-weight: bold;
 content: '\f105';
	color: #ff6600;
}
.menu-contents li.title {
	margin:5px 0px;
	border-bottom:1px solid  #004705;
	border-left:5px  solid  #004705;
	font-size:1rem;
	padding-left:.5em;
}

.menu-contents li a {
	color: #004705;
}
.menu-contents li a:hover {
	color: #ff6600;
}

/*---------------------------------++++++++++++++++++++++++*/

/*---------------------------------++++++++++++++++++++++++*/

main .inner{
width: 980px;
padding:15px;
}

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

				main .inner,
				.pankuzu .inner{
				width: 100%;
				padding:10px;
		}
		}
		
/*---------------------------------++++++++++++++++++++++++*/

/*=============================================================================
	table
=============================================================================*/
table {
	width: 100%;
	/*min-width: 500px;*/
}
table caption{
text-align: center;
padding:10px;
}
table tr th {
	padding: 5px;
	text-align: left;
}
table tr td {
	padding: 4px 6px;
	background: #fff;
}
table tr td span {
	font-weight: bold;
}
table tr td span.line {
	border-bottom: 1px solid #000000;
}

table.green th{
background: #d2e498;
text-align: center;
}
table.green th.th{
background:#eef4d9;
text-align: center;
}
table.green {
border:1px solid #004705;
}
table.green th,
table.green td{
border:1px solid #004705;
}

.table-box table td a{
text-decoration: underline;
}

/* 概況 */
.table-box.gaikyo table td:nth-of-type(1){
width: 30%;
}
.table-box.gaikyo table td:nth-of-type(2){
text-align: left;
}
table .th{
white-space: nowrap;
}
		@media screen and (max-width: 768px){
			.table-box.gaikyo table td:nth-of-type(1){
			display:table-cell;
			}
			.table-box.gaikyo table td:nth-of-type(2){
			display:table-cell;
			}
		}
.table-box.kakubu table,
.table-box.bookmart table,
.table-box.teikei table,
.table-box.kousei table{
	border: 1px solid #c3c3c3;
}
.table-box.kakubu table th,
.table-box.bookmart table th,
.table-box.teikei table th,
.table-box.kousei table th{
background: #e3effa;
text-align: center;
	border: 1px solid #c3c3c3;
	white-space: nowrap;
}

.table-box.kakubu table td,
.table-box.bookmart table td,
.table-box.teikei table td,
.table-box.kousei table td{
	border: 1px solid #c3c3c3;
}

.table-box.teikei table tr > th.teikeiNo,
.table-box.teikei table tr > td.teikeiNo{
display: none;
}
.table-box.teikei table td{
word-break: break-all;
/*white-space: pre-line;*/
}

.table-box.teikei table td.th{
white-space:nowrap;
}
							
.border-bottom-none{
border-bottom: none!important;
}
.border-top-none{
border-top: none!important;
}
.border-bottom-on{
border-bottom: 1px solid  #c3c3c3;
}
.border-bottom-on-d{
border-bottom: 2px double #c3c3c3;
}
.border-l-none{
border-left: none!important;
}
.border-r-none{
border-right: none!important;
}

							@media screen and (max-width: 768px){
							table {
							width: 100%;
							min-width: 100%;
							}
							.table-box.kakubu table th{
							display:none;
							}

							.table-box.kakubu table td{
							display:block;
							width: 100%;
							}
							.table-box.kakubu table td:nth-of-type(1){
							background: #e3effa;
							border-bottom:none;
							}
							.table-box.kakubu table td:nth-of-type(2):before{
							content: "所掌事項";
							font-weight: normal;
							}

							.table-box.bookmart table th{
							width:100%!important;
							}
							.table-box.bookmart table td{
							width:100%!important;
							}
							/*.table-box.teikei	{
								overflow: auto;
								white-space: nowrap;
							}
							.table-box.teikei table th,
							.table-box.teikei table td{
								display: table-cell;
							}*/
							.table-box.teikei table th{
							display:none;
							}
							.table-box.teikei table td{
							width:100%;
							display: block;
							}
							.table-box.teikei table td.th{
							background: #e3effa;
									white-space:normal;
							}
							.table-box.kousei table th{
								display: none;
							}
							.table-box.kousei table td:nth-of-type(1){
								font-weight: bold;
									border-bottom:none;
									background: #e3effa;
							}
							.table-box.kousei table td:nth-of-type(2) {
									border-bottom:none;
							}

							.table-box.kousei table td:nth-of-type(2) p,
							.table-box.kousei table td:nth-of-type(3) p{
							width: auto;
							display:table-cell;
							}
							.table-box.kousei table td:nth-of-type(2):before{
							content: attr(data-label);
							width:5em;
							max-height: 2em;
							}
							.table-box.kousei table td:nth-of-type(3):before{
							content: attr(data-label);
							width:5em;
							max-height: 2em;
							border-bottom-width: 4px;
							}
							.table-box.kousei table td:nth-of-type(2):before,
							.table-box.kousei table td:nth-of-type(3):before{
								content: attr(data-label);
							display:table-cell;
								font-weight: bold;
								text-align: left;
								white-space: nowrap;		
							}
							.table-box.kousei.past table td:nth-of-type(1) p{
							display: inline-block;
							}
							.table-box.kousei.past table td:nth-of-type(2):before,
							.table-box.kousei.past table td:nth-of-type(3):before{
							content:none;
							}
							
						.table-box.kousei.depa table th,
						.table-box.kousei.depa table td{
						 width: 50%;
						 display:table-cell;

						}
						.table-box.kousei.depa table td:before{
						content:"";
								padding-right: 0px;
						 display:table-cell;
								text-align: center;
						}
						.table-box.kyousai table th,
						.table-box.kyousai table td.th{
						display:none;
						}
						.table-box.kyousai table tr:nth-of-type(2):before{
						content:"入院給付金";
						background: #d2e498;
						padding:5px;
						height:30px;
						display: block
						}
						.table-box.kyousai table tr:nth-of-type(3):before,
						.table-box.kyousai table tr:nth-of-type(4):before{
						content:"手術給付金";
						background: #d2e498;
						padding:5px;
						height:30px;
						display: block
						}
						.table-box.kyousai table tr:nth-of-type(5):before{
						content:"放射線治療給付金";
						background: #d2e498;
						padding:5px;
						height:30px;
						display: block
						}
							.table-box.kyousai table td:nth-last-of-type(1):before,
							.table-box.kyousai table td:nth-last-of-type(2):before{
								content: attr(data-label);
							display:table-cell;
								font-weight: bold;
								text-align: left;
								white-space: nowrap;		
							}
							}

/* 研修 */
.table-box.kensyu th,
.table-box.kensyu-teikei th,
.table-box.kensyu-kumiai th,
.table-box.kensyu-nichizei th{
	text-align: center;
	border: 1px solid #c3c3c3;
	font-size:.8rem;
}
.table-box.kensyu th,
.table-box.kensyu-teikei th,
.table-box.kensyu-kumiai th{
	background: #e3effa;
}
.table-box.kensyu-nichizei th{
	background: #f6fce1;
}
.table-box.kensyu td,
.table-box.kensyu-teikei td,
.table-box.kensyu-kumiai td,
.table-box.kensyu-nichizei td{
	border: 1px solid #c3c3c3;
	font-size:.875rem;
}
.table-box.kensyu td span,
.table-box.kensyu-teikei td span,
.table-box.kensyu-kumiai td span,
.table-box.kensyu-nichizei td span {
	font-weight: normal;
}

.table-box.kensyu td.kensyuSchedule,
.table-box.kensyu-teikei td.kensyuSchedule,
.table-box.kensyu-kumiai td.kensyuSchedule,
.table-box.kensyu-nichizei td.kensyuSchedule{
	border-bottom: 1px dotted;
    padding: 8px 0;
    background: #eee;
	text-align: left;
}
.table-box td.kensyuSchedule .boxs{
	border:1px solid #D80000;
	padding:2px 6px;
	background: #fff;
	margin-left:.5em;
	margin-right:.5em;
	border-radius: 3px;
	font-weight: normal;
	font-size: 85%;
}

.table-box.kensyu td a:hover,
.table-box.kensyu-teikei td a:hover,
.table-box.kensyu-kumiai td a:hover,
.table-box.kensyu-nichizei td a:hover{
opacity: .6;
}

.table-box.kensyu tr.closed td{
background:#f1f1f1!important;
}

/* 組合研修・日税ビジネス　4列テーブル*/
.table-box.kensyu-kumiai th:nth-of-type(1),
.table-box.kensyu-nichizei th:nth-of-type(1)
{
width:50%;
}
.table-box.kensyu-kumiai th:nth-of-type(2),
.table-box.kensyu-nichizei th:nth-of-type(2)
{
width:20%;
}
.table-box.kensyu-kumiai th:nth-of-type(3),
.table-box.kensyu-nichizei th:nth-of-type(3)
{
width:12%;
}
.table-box.kensyu-kumiai th:nth-of-type(4),
.table-box.kensyu-nichizei th:nth-of-type(4)
{
width:16%;
}

/* 日税ビジネス　過去分　4列テーブル*/
.table-box.kensyu-nichizei.past th:nth-of-type(1){
width:20%;
}
.table-box.kensyu-nichizei.past th:nth-of-type(2){
width:50%;
}


			@media screen and (max-width: 768px){
			.table-box.kensyu th,
			.table-box.kensyu-teikei th,
			.table-box.kensyu-kumiai th,
			.table-box.kensyu-nichizei th{
					display:none;
			}
			/* 共通 2023-03-30*/
			.table-box.kensyu th,
			.table-box.kensyu td{
			border-bottom:none;
			}
			.table-box.kensyu tr td:last-child{
			border-bottom: 2px solid #000!important;
			}
			.table-box.kensyu td:before {
			content: attr(data-label);
			display: inline-block;
			font-weight: bold;
			float: left;
			text-align: left;
			padding-right: 20px;
			white-space: nowrap;
			}
			
			/* 提携 */
			.table-box.kensyu-teikei tr.kensyuTitle td:nth-of-type(2),			
			.table-box.kensyu-teikei tr.kensyuTitle td:nth-of-type(3){
					width:50%;
					height: 44px;
					display:inline-block;
					border-top-color:transparent;
			}
			.table-box.kensyu-teikei tr.kensyuTitle td:nth-of-type(2){
			line-height: 2.4;
			
			}

			.table-box.kensyu-nichizei td .flexCol2{
			display:inline-block;
			width: 50%;
			text-align: center;
			}
			/* 組合研修 */
			.table-box.kensyu-kumiai td:nth-of-type(3),
			.table-box.kensyu-kumiai td:nth-of-type(4){
			text-align: center;
			display:inline-block;
			width: 50%;
			height: 44px;
			border-top-color:transparent;
			}
			
			/* 日税ビジネス */			
			.table-box.kensyu-nichizei td:nth-of-type(3),
			.table-box.kensyu-nichizei td:nth-of-type(4){
			display:inline-block;
			width: 50%;
			height: 44px;
			border-top-color:transparent;
			}
			
			/* 日税ビジネス 	過去分*/
			.table-box.kensyu-nichizei.past td:nth-of-type(3){
			text-align: center;
			display:inline-block;
			width: 100%;
			border: none;
			vertical-align: bottom;
			}
			.table-box.kensyu-nichizei.past td:nth-of-type(5){
			text-align: center;
			display:inline-block;
			width: 50%;
			border: none;
			vertical-align: bottom;
			}
			.table-box.kensyu-nichizei tr:last-of-type{
			border-bottom:1px solid rgb(195,195,195);
			}
			}

	
/*詳細・終了ボタン*/
.event-btn{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	/*width: 100%;*/
	width: 70px;
	border-radius: 0px;
	border:1px solid #E0E0E0;
	padding:0px;
}
.event-btn a{
	color: #004705;
	font-size: .68rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height:32px;
	line-height: 1.0;
	padding:2px 0 2px 2px;
	text-decoration: none!important;
	border: 2px solid #FFFFFF;
	transition: 0.3s;
	background: linear-gradient(to bottom, #e9f2fb 0%,#c4dcf1 100%);
	}
.event-btn a:before{
	content:"";
	display: inline-block;
	background:url(https://tochizeikyo.com/common/images/ico_arrow1.gif);
	background:contain;
	width:10px;
	height:10px;
	margin-right:6px;
	}
.event-btn.end a{
	background:#fff;
	pointer-events: none;
}
.event-btn.end a:before{
	background:none;
	width:0px;
	height:0px;
	margin-right:0px;
}

			
			@media screen and (max-width: 768px){
			.event-btn{
				width: 100%;
			}
			
			.event-btn a{
			padding:4px;
			font-size: .725rem;
			}
			}
	

/*過去ボタン*/
ul.pastbtn li.parent{
margin:.5em 0;
background-image: linear-gradient(to top, rgb(238, 238, 238), rgb(255, 255, 255));
 border: 1px solid #ccc;
}
ul.pastbtn li.parent:hover{

background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(255, 255, 255));
}
ul.pastbtn li.parent span{
border:3px solid #fff;
display: inline-block;
 color: #333!important;
 padding:.5em 1em .5em .5em;
width: 100%;
cursor: pointer;
 position: relative;
}
ul.pastbtn li.parent.closed span:after{
font-family: 'Font Awesome 5 Free';
font-weight: 700;
content: "\f0fe";
 position:absolute;
 margin-left: .5em;

}

ul.pastbtn li.parent.opened span:after{
font-family: 'Font Awesome 5 Free';
font-weight: 700;
content: "\f146";
 position:absolute;
 margin-left: .5em;

}
ul.pastbtn li.parent li.table-box{
margin:0;
}
ul.pastbtn li.parent span:hover{
opacity: .8;
			transition: .3s;
}

		
/*中小企業*/			
			@media screen and (max-width: 768px){
			.table-box.cyusho2 table.green td:nth-of-type(1){
			display: inline-block!important;
			width: 30%!important;
			}
			.table-box.cyusho2 table.green td:nth-of-type(2){
			display: inline-block!important;
			width: 70%!important;
			}
			}
.table-box.link table caption.title{
background: #FFCE5A;
color: #262626;
}
.table-box.link table th {
	border: 1px solid #c3c3c3;
	vertical-align: top;
	text-align: left;
}
.table-box.link table td {
	background: #fff;
	border: 1px solid #c3c3c3;
	vertical-align: top;
}
			@media screen and (max-width: 768px){
			.table-box.link table th{
			border-bottom-color:transparent;
			}
			.table-box.link table th,
			.table-box.link table td{
			display: block;
			width: 100%;
			
			}
			.table-box.link table td a{
			word-break: break-all;
			}
			.table-box.link table td span{
			display:inline-block;
			margin-left:1em;
			}
			}

/*---------------------------------++++++++++++++++++++++++*/
/* 事業案内　*/
/*---------------------------------++++++++++++++++++++++++*/
ul.Number{
counter-reset: number 0;
}
ul.Number li{
	text-indent: -1.5em;
	margin-left: 1.5em;
}
ul.Number li:before{
	counter-increment: number 1;
  content: counter(number) ". ";
}
dl.Numbering-of dt{
  color: #004705;
	font-weight: bold;
	margin-top:1rem;
}
dl.Numbering-of dd{
  padding-left:1rem;
}

dl.Numbering-dot > dt{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 20px;
  color: #004705;
	font-weight: bold;
	margin-top:1rem;
}
dl.Numbering-dot > dt:before{
  position: absolute;	
  content:"●";
  color: #004705;
	left:0;
}

dl.Numbering-dot dd{
  padding-left:1rem;
}
ul.Numbering-dot li{
padding-left:20px;
position: relative;
  color: #004705;
  font-weight:bold;
}

ul.Numbering-dot li:before{
  position: absolute;	
  content:"●";
  color: #004705;
	left:0;
}

dl.Numbering > dt,
ul.Numbering li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
  color: #004705;
	font-weight: bold;
}
dl.Numbering > dt:before,
ul.Numbering li:before{
  position: absolute;
  content:"1";
	
  display:inline-block;
  background: #004705;
  color: #fff;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 12px;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  /*以下 上下中央寄せのため
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
dl.Numbering > dt:nth-of-type(2):before,
ul.Numbering li:nth-of-type(2):before{
  content:"2";
}
dl.Numbering > dt:nth-of-type(3):before,
ul.Numbering li:nth-of-type(3):before{
  content:"3";
}
dl.Numbering > dt:nth-of-type(4):before,
ul.Numbering li:nth-of-type(4):before{
  content:"4";
}
dl.Numbering > dt:nth-of-type(5):before,
ul.Numbering li:nth-of-type(5):before{
  content:"5";
}

dl.Numbering > dt:nth-of-type(6):before,
ul.Numbering li:nth-of-type(6):before{
  content:"6";
}
dl.Numbering > dd{
padding-left:2rem;
}
dl.Numbering > dd li{
position: relative;
padding-left:20px;
padding-right:20px;
}
dl.Numbering > dd li:before{
position: absolute;
  content: '●';
  font-weight: 700;
	left:0;
}

dl.Numbering dd li:hover:after {
color:#ff6600;
}
dl.Numbering dd li a:hover{
color:#ff6600;
}
dl.Numbering dt.vip{
padding-left:0;
}
dl.Numbering dt.vip:before{
content:none;
}

.jigyo dl{
display: flex;
width: 100%;
margin-bottom:5px;
}
.jigyo dl dt{
width: 20%;
background: #ffa337;
padding:2px;
color:#fff;
border-radius:6px;
text-align: center;
}
.jigyo dl dd{
width: 60%;
margin-left:10px;
}

dl.Numbering dd dl.kyosai dt{
color:#ff6600;
font-weight: 700;
}
dl.Numbering dd dl.kyosai dt:before{
content:"●";
}
dl.Numbering dd dl.kyosai dt:after{
content:"●";
}
dl.Numbering ul.kyosai li:before{
content:"●";
color:#ff6600;
}
					@media screen and (max-width: 768px){
					dl.Numbering > dd{
					padding-left:0rem;
					}
					}
/**********/

.jigyo_box {
	position: relative;
	background: #eee;
	padding: 1px;
	margin-bottom: 26px;
}

.jigyo_box > a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	
    transition: 0.3s;
}

.jigyo_box > a:hover {
	background: rgba(238, 238, 238, 0.4);
}
.jigyo_box .box_inner {
	background: #FFFFFF;
	padding: 10px 10px 5px;

}
dl.tokucho dt{
font-weight: bold;
color:#FF0004;
padding:2px;
}
dl.tokucho dd{
margin-left:1rem;
}
dl.dlflex.tokucho dt{
width:8%;
text-align: left;
}

@media screen and (max-width: 768px){
dl.dlflex.tokucho dt{
width:100%;
text-align: left;
}
dl.tokucho dd{
margin-left:0rem;
}
}
/*---------------------------------++++++++++++++++++++++++
 事業案内 メリット
-----------------------------------++++++++++++++++++++++++*/

#transcroller-body .merit-box{
  position: relative;
  width: 100%;
  background: #fff;
	padding:0px;
	/*min-height:300px;*/
	margin-top:1rem;
	border:1px solid #90c014;
	box-shadow: 1px 1px 1px #c9c9c9;
}
#transcroller-body .merit-box .box-inner{
	padding: 20px;
	/*min-height: 250px;*/
	}

#transcroller-body .merit-box {
	position: relative;
	background: #eee;
	padding: 1px;
	margin-bottom: 26px;
}

#transcroller-body .merit-box > a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
    transition: 0.3s;
}
#transcroller-body .merit-box .btn{
width: 50%;

}
#transcroller-body .merit-box > a:hover {
	background: rgba(238, 238, 238, 0.4);
}
#transcroller-body .merit-box .box-inner {
	background-color:transparent;
	padding: 10px 10px 5px;
	}
	
#transcroller-body .merit-box.no1 {
    background: url(../images/merit_bg1.jpg) no-repeat bottom right;
		background-size:auto 100%;
 }
#transcroller-body .merit-box.no2 {
    background: url(../images/merit_bg2.jpg) no-repeat bottom right;
 }
#transcroller-body .merit-box.no3 {
    background: url(../images/merit_bg3.jpg) no-repeat bottom right;
 }
#transcroller-body .merit-box.no4 {
    background: url(../images/merit_bg4.jpg) no-repeat bottom right;
 }
#transcroller-body .merit-box.no5 {
    background: url(../images/merit_bg5.jpg) no-repeat bottom right;
		background-size:auto 100%;
 }
#transcroller-body .merit-box.no6 {
    background: url(../images/merit_bg6.jpg) no-repeat bottom right;
 } 
#transcroller-body .merit-box.no7 {
    background: url(../images/merit_bg7.jpg) no-repeat bottom right;
 }
#transcroller-body .merit-box.no8 {
    background: url(../images/merit_bg8.jpg) no-repeat bottom right;
		background-size:auto 100%;
 }
#transcroller-body .merit-box.no9 {
    background: url(../images/merit_bg9.jpg) no-repeat bottom right;
 }
#transcroller-body > div > div > div > dl{
display: flex;
align-items:center;
}
#transcroller-body > div > div > div > dl dt{
width: 10%;
}
#transcroller-body > div > div > div > dl dd{
width: 60%;
	justify-content: flex-start;
}
#transcroller-body > div > div > div > dl dt h3{
font-size:6rem;
color: #90c014;
  border-bottom: none;
}
#transcroller-body > div > div > div > dl dd h3{
font-size:1.2rem;
font-weight: bold;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	/*transform: scale(1, 1.1);*/
  border-bottom: none;
}

#transcroller-body > div > div > div > dl h3:after{

  border-bottom: none;
}
#transcroller-body > div > div > div > dl dd .title span{
font-size:1.2rem;
}
#transcroller-body > div > div > div > dl dd ol{
    padding-left: 0px;
    list-style-type: none;
}
#transcroller-body > div > div > div > dl dd ol li
{
    position: relative;
    margin: 8px 10px;
    padding-left: 20px;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#transcroller-body > div > div > div > dl dd ol li p,
#transcroller-body > div > div > div > dl dd p{
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#transcroller-body > div > div > div > dl dd ol li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f111';
	font-weight: bold;
    position: absolute;
		color:#ff6600;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    /*background: url(../images/icon_check.gif) no-repeat;*/
		}



.mainContents{
width:700px;
float:right;
}
.sideContents{
width: 220px;
float:left;
position: relative;
z-index: 99;
}
/*-----------------------------------------*/
/*   サブメニュー	*/
/*-----------------------------------------*/
.sideContents nav > ul{
width: 220px;
margin-top: .5rem;
	background: #ecf8ee;
  background: linear-gradient(to top, #f6fce1,#f6fce1);
	border: solid 1px #d2e498;
  box-shadow: 0px 0px 2px 1px #ddd;
    -pie-box-shadow: 0px 0px 2px 1px #ddd;
	padding:0px;
font-size:1.0rem;
/*min-height: 100%;*/
}

.sideContents nav ul li{
    display: block;
		position: relative;
		}
.sideContents nav ul li:after{  
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 700;
	margin-right:4px;
	right:2px;
	position: absolute;
	top:10px;
}
.sideContents nav a,
.sideContents nav ul li span{
    display: block;
    padding-top: 10px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.sideContents nav ul li.parent:after{
font-family: "Font Awesome 5 Free";
  content: '\f107';
  font-weight: 700;
	margin-right:4px;
	right:2px;
	position: absolute;
	top:10px;
}
.sideContents nav ul li:hover{
  background: #fff;
}
.sideContents nav ul li:hover:after{
  color:#ff6600;
}

.sideContents nav ul li:not(:last-child){	
		border-bottom: solid 1px #EBEBEB;
}

.sideContents nav ul li ul{
	margin:0 0 0;
	padding:0 0 0 .5rem;
	background: #fff;
	border: none;
	border-top:1px dotted  #EBEBEB;
}


/*-----------------------------------------*/
@media screen and (max-width: 768px) {
.mainContents{
width: 100%;
						clear: both;
}
						.sideContents{
						display:none;
						clear: both;
						}
						
							#transcroller-body .merit-box .inner_box{
								padding: 10px;								
								padding-bottom:120px;
						
						}
						#transcroller-body .merit-box {
								background-position: bottom right!important;
								background-size: 50%!important;
						 }

							#transcroller-body .merit-box .btn{
							width: 80%;

							}
							
						#transcroller-body > div > div > div > dl{
						align-items:start;
						}
						
						#transcroller-body > div > div > div > dl dt{
						width: 0%;
						}
						#transcroller-body > div > div > div > dl dd{
						width: 100%;
						}

						#transcroller-body > div > div > div > dl dt h3{
						/*font-size:1.8rem;
						line-height: 1;*/
						display:none;
						}
						#transcroller-body > div > div > div > dl dd h3{
						font-size:1.0rem;
						text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
													-1px 1px 0 #FFF, 1px -1px 0 #FFF,
													0px 1px 0 #FFF,  0-1px 0 #FFF,
													-1px 0 0 #FFF, 1px 0 0 #FFF;
													position: relative;
													padding-left:1.5rem;
						}
						#transcroller-body > div > div > div > dl dd h3 > span:first-child{
						position: absolute;
						left:0;
						top:0px;
						font-size:1.4rem;
						color:#90c014;
						}
						#transcroller-body > div > div > div > dl dd ol li
{
    position: relative;
    margin: 4px 5px;
    padding-left: 20px;
		}
}
.merit-box .contact_box{
margin:.5em auto;
}
.contact_box {
	margin: 1.5rem auto;
}
.contact_box .inner{
	width: 100%;
	padding:10px;
  background: #eef4d9;
  border-radius: 5px;
  background: linear-gradient(to top, #eef4d9,#f3fdce);
	border: solid 1px #f3fdce;
  box-shadow: 0px 0px 1px 1px #eef4d9;
    -pie-box-shadow: 0px 0px 1px 1px #eef4d9;

}
.contact_box.col2{
display:flex;
}
.contact_box.col3{
display:flex;
}
.contact_box.col2 .inner{
width: 49%;
margin-right:1%;
}
.contact_box.col3 .inner{
width: 33%;
margin-right:1%;
}
.contact_box dl {
	display:flex;	
	align-items: center;
}
.contact_box dl dt{
margin-right:1em;
}

.contact_box dl dd{
margin-right:1em;
font-size: .85em;
}
.contact_box dl dt .circle {	
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #ff6600;
	color:#fff;
	font-size: .7em;
	line-height: 1.2;
	box-shadow: 2px 2px 4px -2px #555,
  3px 3px 8px rgba(255,255,255,0.5) inset;	
}

.contact-box-add{
display:flex;
}
.contact-box-add p:nth-of-type(1),
.contact-box-add p:nth-of-type(2){
white-space: nowrap;
}

@media screen and (max-width: 768px) {
		.contact_box dl {
		
		}
		.contact_box.col2,
		.contact_box.col3{
		flex-direction: column;
		}
		.contact_box.col2 .inner{
		width: 100%;
		margin-right:0%;
		}
		.contact_box.col2  dl.inner{
		margin-bottom:1rem;
		}
		.contact-box-add{
		flex-direction: column;
}
}
.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :90px;
  text-align:center;
}


/* ==========================================================================
footer
========================================================================== */
footer{
    padding: 20px 0 0;
    background: #e9f1ea;
		}
footer #footer-nav{
margin-bottom:10px;
display:flex;
}
footer #footer-nav dl {
		width: 17%;
    margin-right: 3%;
		}
		
footer #footer-nav dl:last-child {
    margin-right: 0;
		}
footer #footer-nav dl dt {
    margin: 12px 0 8px;
		border-bottom: 1px dotted #004607;
		}
		footer #footer-nav dl dd {
    margin: 5px 0 0px 10px;
    font-size: 0.85em;
		}
		
footer #copy-area{
    background: #004607;
    padding: 20px 0 20px;
}

footer #copy-area .add{
display:flex;
}		
footer #copy-area .add > div{
width:33%;
text-align: center;
}
footer #copy-area .add > div:nth-of-type(1),
footer #copy-area .add > div:nth-of-type(2){
border-right:1px solid #fff;
}

footer #copy-area div.add{
color:#fff;
font-size: .8rem;
}
footer #copy-area div.copyright{
margin-top:1.5em;
text-align: center;
color:#fff;
font-size: .8rem;
}
		@media screen and (max-width: 768px) {
		footer .inner {
				width: 100%;
		}
		footer #footer-nav{
		padding:0 20px ;
		flex-direction: column;
		}
		footer #footer-nav dl {
		width: 100%;
		}
		
		footer #copy-area .add{
		flex-direction: column;
}	
		footer #copy-area .add > div{
				width: 100%;
				position: relative;
}	
		footer #copy-area .add > div:after{
				content:"";
				display:block;
				position:absolute;
				border-bottom:1px solid #fff;
				width:50%;
				left:50%;
				bottom:-5px;
 				 -webkit-transform: translateX(-50%);
				transform: translateX(-50%);
}	

		footer #copy-area .add > div:nth-of-type(1),
		footer #copy-area .add > div:nth-of-type(2){
				border-right:none;
				margin-bottom: 1em;
}
		footer #copy-area div.add,
		footer #copy-area div.copyright{
				text-align: center;
		}
		
		.sp-none{
				display: none;
		}
		.sp-only{
			display: inline-block;
			}
		.pc-only{
			display: none;
		}
		
		}

/*-----------------------------------------------------------*/
@media screen and (max-width: 768px) {
	nav #login-btn{
			width:50px;
			height:50px;
			background:#001f4d;
			position: absolute;
			right:50px;
			top: 8px;
			display: inline-block;
			justify-content: center;
			align-items: center;
	}
	nav #login-btn p{
			font-size: 10px;
			padding-top:30px;
			position: relative;
	}
	nav #login-btn p:before{
	
			font-family: "Font Awesome 5 Free";
			content: '\f023';
			font-weight: 700;
			top:0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
			font-size: 22px;
			position: absolute;
		}
			nav #spmenu_btn{
					background:#004705;
					display: inline-block;
					height: 50px;
					width: 50px;
					position: absolute;
					right: 0px;
					top: 8px;
			}
		nav #spmenu_btnicon:after{
			bottom: 0px;
			top: 7px;
		 }
		 nav #spmenu_btn .close{
			background: transparent;
		 }
		 nav #spmenu_btn .close:before, 
		 nav #spmenu_btn .close:after{
			top: 0;
		 }
		 nav #spmenu_btn .close:before{
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
		 }
		 nav #spmenu_btn .close:after{
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
		 }
		 
			nav #spmenu_btn p{
					color: #fff;
					font-size: 10px;
					padding: 0;
					position: absolute;
					left: 20%;
					bottom: 5px;
					}
		 nav #spmenu_board{
			display: none;
			top: 60px;
			left: 0;
			overflow: auto;
			padding: 0;
			position: absolute;
			z-index: 1000000;
			width: 100%;
		 }
		 nav #spmenu_board ul{
			background: #e6fba7;
			width:100%;
			padding:4px;
		 }
		 nav #spmenu_board ul li{
			color:#004705;
			border-radius: 2px;
			margin:4px 8px;
		 }
		 nav #spmenu_board ul li.top{
		 background:#004705;
		 color: #fff;
		 text-align: center;
		 }
		 nav #spmenu_board ul li.top a{
		 background:#004705;
		 color: #fff;
		 padding:10px 0px;
		 text-align: center;
			border-radius: 5px;
		 }
		 nav #spmenu_board li a {
			color: #004705;
			background: #fff;
			display: block;
			padding: 12px;
			border-radius: 5px;
			position: relative;
		 }
		 nav #spmenu_board li a:before {
			display: none;
		 }
		 nav #spmenu_btnicon {
			background: #fff;
			display: block;
			height: 2px;
			left: 20%;
			margin: 0 0 0 0;
			position: absolute;
			top: 30%;
			transition: .2s;
			width: 30px;
		 }
		 nav #spmenu_btnicon:before {
			top: -10px;
		 }
		 nav #spmenu_btnicon:before, 
		 nav #spmenu_btnicon:after {
			background: #fff;
			content: "";
			display: block;
			height: 2px;
			position: absolute;
			transition: .3s;
			width: 30px;
		 }
		 nav #spmenu_btnicon:after {
			bottom: 0px;
			top: 10px;
		 }
		 a:hover, 
		 input[type="button"]:hover {
    opacity: 1;
		 }
		}
		
.fc-white{
color:#fff!important;
}