@charset "utf-8";

main .container{padding: 20% 1%;;}

main .inner{max-width: 600px; margin: 0 auto;
  width: 100%;
border-radius: 15px;
border: 1px solid #666;
}

.ma1-flex{display: flex; flex-flow: row; padding-bottom: 20px;align-items: center;}
.ma1-left{flex: 0 0 100px;}
.ma1-right{flex: 1 1 auto;}
.ma1{padding: 20px 20px;}
.ma1-right{width: 100%;}
.ma1-right input{width: 100%; box-sizing: border-box; padding: 1% 1%;}

.m2-1 {text-align: center;}
.m2-1 input{padding: 1% 15px;}


/*トップページ*/
.he1-flex{display: flex; flex-flow: row; justify-content: space-between; align-items: center;}
.he1-flex{padding-right: 1%;}

.tp-menu .inner{padding: 1% 1%;}
.tp1-flex{display:flex; flex-flow: row;justify-content:space-between;; font-size: 14px;}
.tp1-a{margin-right: 5px;}
.tp1-flex input{padding: 3px 15px;
  border-radius: 20px;
  border: 1px solid #0457cc;
  background-color: #fff;
  color: #0457cc;
}

.tp1-flex input:hover{
  background-color: #0457cc;
  color:#fff;
}

.tp-control{text-align: center; padding: 10% 0;}
.tp-control input[type="submit"]{padding: 10px 15px;}

.tp1-right{display: flex; flex-flow: row;}
.tp1-left{font-size: 18px;}

/*スマホメニュー*/
#header{display: none;}
@media screen and (max-width: 699px) {
	#header{display: block;}
  .tp1-a,.tp1-b{display: none;}
}

.offcanvas-left ul{list-style: none;}
.offcanvas-left  a{text-decoration: none; color: #000;}
.offcanvas-left li{padding: 15px 0; border-bottom: 1px solid #ccc;}
.offcanvas-left  a:hover{opacity: 0.5;}

/*お知らせ*/
.tp2{width: 100%; max-width: 600px; margin: 0 auto; padding-bottom: 30px;}
.tp2-b{border-radius: 20px;
 border : 1px solid #000;
 min-height: 250px;
}
.tp2-b p{padding: 3% 3%;}
.tp-infomation .inner{padding: 0 1%;}

.tp2-flex{display: flex; flex-flow: row;}
.tp2{width: 45%;}
@media screen and (max-width: 699px) {
  .tp2-flex{flex-flow:column;;}
  .tp2{width: 100%;}
}