@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  display: inline-flex;
  vertical-align: middle;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */

.material-icons.md-36 {
  font-size: 36px;
}

.table > :not(caption) > * > * {
  vertical-align: middle;
}

/* フローティングメニュー */

.floating-nav {
  position: fixed;
  width: 50px;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.floating-nav a {
  color: white;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-decoration: none;
}

/* TOTOPアイコン */
.totop {
  position: absolute;
  top: -60px;
  right: 40px;
}

.sample {
  font-size:2em;
  text-align:center;
  line-height:1.5em;
  font-weight:bold;
  color: transparent;
  background : rgba(0,0,0,1);
  text-shadow : 
    0 0 0.1em rgba(255,255,255,0.05),
    0.01em 0.04em 0.03em rgba(255,255,255,0.4);
  -webkit-background-clip : text;
}

.bn632-hover {
  width: 160px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 20px;
  height: 55px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn632-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}


.kaisha {
width: 100%;
}

.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}

.kaisha th {
font-weight: bold;
background-color: #eee; 
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}












.bn632-hover:focus {
  outline: none;
}

.bn632-hover.bn26 {
  background-image: linear-gradient(
    to right,
    #25aae1,
    #4481eb,
    #04befe,
    #3f86ed
  );
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}


h2 {
	background: linear-gradient(transparent 60%, #c8f1ff 60%)
	}

h3 {
	background: linear-gradient(transparent 60%, #C2EDEF 60%)
	}


.conta {
 opacity: 0.5;
}







.sample4 {
	font-size:3em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #fffff0;
	text-shadow: 
		0 0.05em 0.08em rgba(0,0,0,0.7);
}




.sample3 {
  font-size:2em;
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: transparent;
  -webkit-text-stroke: 0.02em rgba(0,0,0,1);
}
.marker_line60 {
  background: linear-gradient(transparent 60%, #ffde59 0%);
}


.bn1 {
  display: inline-block;
  padding: 0.6em 1.7em;
  border: 0.1em solid #000;
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.12em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #000;
  text-align: center;
  transition: all 0.2s;
}

.bn1:hover {
  color: #fff;
  background-color: #000;
}


.bn2 {
  display: inline-block;
  padding: 0.6em 1.7em;
  border: 0.1em solid #000;
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.12em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #fff;
  text-align: center;
  transition: all 0.2s;
  background-color: #000;
}

.bn2:hover {
  color: #000;
  background-color: #fff;
}
















ul.newsList {
display: flex;
flex-flow: row wrap;
border-bottom: 1px dotted #999;
padding: 10px 0;
}

ul.newsList li {
display: block;
margin: 10px 10px;
}

ul.newsList li:nth-child(-n + 3) {
flex-basis: 130px;
}

ul.newsList li:nth-child(2) {
color: #fff;
font-size: 12px;
padding: 5px 10px;
text-align: center;
background-color: #bacaab;
}

ul.newsList li:nth-child(3) {
flex-basis: auto;
}

section {
	margin: -1rem 0;
	padding: 4rem 0;
}
.blue {
	background-color: #e6faf9;

}

.ground {
	background-image: url(../img/ground.png);
        width: 100%;
}
.ground2 {
	background-image: url(../img/.png);
        width: 100%;
background-repeat: no-repeat;
}



.ground3 {
	background-image: url(../img/ground3.jpg);
        width: 100%;
background-repeat: no-repeat;
    background-position: center;
}



.footer03 {
 color: #808080;
 background: #e5e5e5;
 padding: 30px;

}
.footer03 a {
 color: #808080;
 text-decoration: none;
}
.footer03 a:hover {
 text-decoration: underline;
}
.footer03 .menu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;

}
.footer03 .menu li {
 margin: 0;
 padding: 0 20px;
 border-left: 1px #808080 solid;
}
.footer03 .menu li:first-child {
 padding-left: 0;
 border: none;
}
.footer03 .copyright {
 margin: 0;
 padding: 20px 0 0 0;
}

@media only screen and (max-width: 599px) {
.footer03 .menu li {
 width: 50%;
 padding: 0 20px 0 0;
 box-sizing: border-box;
 border: none;
}
}

#exam3 table, #exam3 td, #exam3 td{
	border: 0px #0000ff solid;
        text-align: left;
}
}



.tableSample {
width: 100%;
border-collapse: collapse;
}

.tableSample th,td {
padding: 10px 15px;
border: 1px solid #ddd;
}

.tableSample th {
background: #f4f4f4;
width: 15%;
text-align: left;
}

 







.bn11 {
  display: inline-block;
  padding: 0.5em 1.7em;
  margin: 0 0.1em 0.1em 0;
  border: 0.16em solid rgba(255, 255, 255, 0);
  background-color: rgb(209, 55, 24);
  border-radius: 2em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #ffffff;
  text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, 0.35);
  text-align: center;
  transition: all 0.2s;
}

a.bn11:hover {
  border-color: rgb(255, 255, 255);
  color: white;
  text-decoration: none;
}

.sample {
	margin: 16px auto;
	text-align: center;
	display: block;
	
}
.sample .text {
	text-align: left;
	display: inline-block;
}



.sample1 {
	font-size:4em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background: linear-gradient( 0deg, #F57C00 0% 60% , #FFB74D 60% 100%);
	-webkit-background-clip: text;
}








.btn-square-little-rich {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #88C83E;/*色*/
  border: solid 1px #88C83E;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.btn-square-little-rich:active {
  /*押したとき*/
  border: solid 1px #88C83E;
  box-shadow: none;
  text-shadow: none;
}



.btn-gradient-radius {
  display: inline-block;
  padding: 25px 100px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #5d8233 0%, #5d8233 100%);
  transition: .4s;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #d13818 0%, #d13818 100%);
 color: white;
  text-decoration: none;
}




.bg-danger {
background-image: linear-gradient(45deg, #d13818 0%, #d13818 100%);
}


.btn-secondary {
background-image: linear-gradient(45deg, #5d8233 0%, #5d8233 100%);
}





/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

}

ul {
  padding: 0;
}
li {
  list-style-type: none;
}
dd {
  margin-left: 0;
}

.flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.flow > li {
  -ms-flex-preferred-size: 22%;
  flex-basis: 22%;
}
.flow > li .icon {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  line-height: 50px;
  width: 50px;
  color: #fff;
  background: rgb(93, 130, 51);
  margin: 0 auto 20px;
  display: block;
  border-radius: 50%;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
}
.flow > li .icon::before {
  content: "";
  border: solid transparent;
  border-width: 8px;
  border-top-color: rgb(93, 130, 51);
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li dl {
  padding: 30px 20px;
  margin: 0;
  border: 3px solid rgb(93, 130, 51);
  position: relative;
}
.flow > li:not(:last-child) dl::before {
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  border-top: 4px solid rgb(160, 189, 128);
  border-right: 4px solid rgb(160, 189, 128);
  position: absolute;
  top: calc(50% - 14px);
  left: 104%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(93, 130, 51);
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-bottom: 1vh;
  text-align: center;
}


.btn-light{
background-image: linear-gradient(45deg, #d13818 0%, #d13818 100%);

}