/* CSS Document */
@charset "UTF-8";

.sp_only{display: none;}

.header_outer{border-bottom:3px solid #0B2E77; padding: 20px 0;}
.header{width:1000px; margin:0 auto;text-align:center;display: flex;justify-content: space-between;align-items: flex-end;}
.header .area01 {width:430px;}
.header .area02 {width:570px;}
.header .logo {width:260px;}
.header .title {color:#333; font-size:38px;letter-spacing: 4px; vertical-align: bottom;font-weight:bold;text-align: right;}

.top .sec01{width:1000px; margin:40px auto;text-align:center;display: flex;justify-content: space-between;}
.top .sec01 .new{width:480px;padding: 30px; box-sizing: border-box;background: #FFF;border: 3px solid #0B2E77; border-radius: 20px;text-align: center;}
.top .sec01 .load{width:480px;padding: 30px; box-sizing: border-box;background: #0B2E77;border: 3px solid #FFF; border-radius: 20px;text-align: center;}

.top .sec01 .title{font-size: 20px; letter-spacing: 4px; padding: 10px 20px;margin-bottom: 30px;}
.top .sec01 .new  .title{background: #0B2E77;border: 3px solid #FFF;color: #FFF;}
.top .sec01 .load .title{background: #FFF;border: 3px solid #0B2E77;color: #0B2E77;}
.top .sec01 .button > *{font-size: 18px; letter-spacing: 4px; padding: 10px 20px;border-radius: 20px;background: #4C7ACC;color: #FFF;margin-top: 180px;}

.top .sec01 table{margin-bottom: 30px;}
.top .sec01 tbody{width:100%;}
.top .sec01 tr{width:100%;}
.top .sec01 th{width:calc(100% - 300px); font-size: 14px; letter-spacing: 2px; padding: 20px 20px;color: #FFF;}
.top .sec01 td{width:300px;}
.top .sec01 input[type="text"]{width:300px;background: #FEFEFE;font-size: 14px; letter-spacing: 2px; padding: 10px 20px;color: #000;}
.top .sec01 input[type="submit"]{width:100%;font-size: 18px; letter-spacing: 4px; padding: 10px 20px;border-radius: 20px;background: #4C7ACC;color: #FFF;border:none;}

.registration .sec01 .new{width:480px;padding: 30px; box-sizing: border-box;background: #FFF;border: 3px solid #0B2E77; border-radius: 20px;text-align: center;}
.registration .sec01 .new  .title{background: #0B2E77;border: 3px solid #FFF;color: #FFF;}
.registration .sec01{width:1000px; margin:40px auto;text-align:center;display: flex;justify-content: space-between;}

.registration .sec01 form{width:100%;}
.registration .sec01 .form{width:100%;padding: 40px 23px;border: 2px solid #0B2E77;box-sizing: border-box;}
.registration .sec01 .table{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.registration .sec01 dl{width:100%;font-size: 0;padding: 3px;border-bottom: 1px solid #0B2E77;margin-bottom: 2px;}
.registration .sec01 .half{width:48%;}
.registration .sec01 dt{width:150px;font-size: 14px; letter-spacing: 2px; padding: 20px 0;color: #333;display: inline-block;}
.registration .sec01 dd{width:calc(100% - 150px);display: inline-block;}
.registration .sec01 input[type="text"]{width:100%;background: #FEFEFE;font-size: 14px; letter-spacing: 2px; padding: 10px 20px;color: #000;box-sizing: border-box;}
.registration .sec01 textarea{width:100%;background: #FEFEFE;font-size: 14px; letter-spacing: 2px; padding: 10px 20px;color: #000;box-sizing: border-box;margin: 10px 0 ;height: 110px;}
.registration .sec01 input[type="submit"]{display: inline-block;font-size: 18px; letter-spacing: 4px; padding: 10px 40px;border-radius: 20px;background: #4C7ACC;color: #FFF;border:none; margin-top: 50px;}

.registration .sec01 .sub{font-size: 20px; letter-spacing: 2px;margin-top: 80px;margin-bottom: 30px;width: 100%; font-weight: bold;}
.registration .sec01 dd.quarter{width:calc(50% - 75px);display: inline-block;font-size: 14px;text-align: left;}
.registration .sec01 dd.quarter input[type="text"]{width:60%;margin-right: 5%;}
.registration .sec01 .vtop{vertical-align: top;}
.registration .sec01 .select{position: relative;}
.registration .sec01 .select::after{content:"▼";font-size: 14px; position: absolute;top:calc( 50% - 10px);right: 20px;pointer-events: none;}


.yoyaku1 .sec01{width:1000px; margin:40px auto;text-align:center;}
.yoyaku1 .sec01 .buttons{display: flex;justify-content: space-between;}
.yoyaku1 .sec01 .button{width: 300px; padding: 20px 0;background: #0B2E77; color: #FFF; font-size: 16px; letter-spacing: 4px;}

.yoyaku2 .sec01{width:800px; margin:40px auto;text-align:center;}
.yoyaku2 .sec01 .month{text-align: left;font-size: 20px;margin: 20px 0;}
.yoyaku2 .sec01 table{width: 100%; border: 2px solid #333;}
.yoyaku2 .sec01 tbody{width: 100%;}
.yoyaku2 .sec01 tr{width: 100%;}
.yoyaku2 .sec01 th{width: calc(100% / 8);border: 2px solid #333;text-align: center;padding: 10px 20px;margin: 10px auto;vertical-align: top;}
.yoyaku2 .sec01 td{width: calc(100% / 8);border: 2px solid #333;text-align: center;padding: 10px 20px;margin: 10px auto;}
.yoyaku2 .sec01 td a >p{background:#0B2E77; color: #FFF;border-radius: 3px;}
.yoyaku2 .sec01 th.holiday::after{content:"定休日";background:#E02D36; color: #FFF;border-radius: 3px;display: block;}