body {
  font-family: "Yu Gothic", "Kinto Sans", メイリオ, sans-serif;
  font-size: medium;
  letter-spacing: 0.2px;
  line-height: 1.2;
}


.main_color{
	background-color:#26A69A;
}


.center_div{
	clear:both;
	width:100%;
	margin:0px auto;
	padding-top:12px;
	background:white;
}

.rounded-box {
  padding: 6px;
  border-radius: 24px; /* ← ここで角を丸くする */
}


a{
	text-decoration:underline;
	color:blue
}
a:hover{ text-decoration: underline; }


table{
	border: 1px darkgray solid;
	border-collapse: collapse; /* 枠線の表示方法 */ 
	width: 100%;
}

button {
	padding: 0.5em 0.5em;
	border: none;
	box-sizing:border-box;
	width:200px;
	display: inline-block;
	font-size: 114%;
	position: relative;
	cursor: pointer;
}

button::before,
button::after {
	box-sizing:border-box;
}



.buttonJ {
	border:3px solid silver;
	background-color: silver;
	color: #fff;
	transition: .6s all;
	position: relative;

	width:130px;
   	height:50px;
   	font-size:small;
   	margin-left:6px;
}
.buttonJ:hover {
	background-color: gainsboro;
}
.buttonJ:hover::after {
	transform: scale(1,1);
	opacity: 1;
}



.buttonK{
	border:3px solid darkorange;
	background-color:darkorange;
	color: #fff;
	transition: .6s all;
	position: relative;
	width:130px;
	font-size:small;
	margin:4px;
	border-radius:50px;
}
.buttonK:hover {
	background-color: rgb(249, 106, 53);
}
.buttonK:hover::after {
	transform: scale(1,1);
	opacity: 1;
}




.copyright{
	font-size:x-small;
	margin-bottom:200px;
}



.link_btn {
    display: block;
    background-color:  darkorange;;
    padding: 10px;
    text-decoration: none;
    color: white;
    text-align:center;
	border-radius:50px;
}
.link_btn:hover {
	background-color: rgb(249, 106, 53);
}
.link_btn:hover::after {
	transform: scale(1,1);
	opacity: 1;
}


.back_link_btn{
    display: block;
    border-radius: 5px;
    background-color: silver;
    padding: 10px;
    text-decoration: none;
    color: white;
    text-align:center;
}

.cal_logo{
   background-color:#26A69A;
   padding:10px;
   height:40px;
   width:100%;
   padding:10px;
   box-sizing:border-box;
}


.logo_img{
   height:22px
}



.top_banaer{
  box-sizing: border-box;
	padding:10px;
	padding-bottom:10px;
	background: #233B6C;
	height: 100px;
  	width:100%;
}

.small_mes{
	font-size:x-small;
	color:white;
	margin-bottom:2px;
}
.main_logo{
	height:60px;
  	width: 100%;
}

.top_banaer a{
	text-decoration: none;
}



 .btn,
button.btn {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  border: none;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}
.btn--radius {
  border-radius: 100vh;
}