a{
text-decoration: none;
}
h1{
position: relative;
display: inline-block;
margin: 1rem 0 1rem -30px;
padding: 0.7rem 2rem 0.7rem 1rem;
color: #fff;
background: #80C0D0;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
font-size: 120%;
font-weight: bold;
}
h1:before {
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
content: '';
border-top: 10px solid #6890AA;
border-left: 10px solid transparent;
}
.container01{
padding-top: 30px;
margin: 20px auto 50px;
width: 85%;  
counter-reset: h3;  /* 'h2' という名前のカウンターを設定し、 0 で初期化する。 */
}
/*inquiryページ*/
.container01 p.ao{
width: 90%;
margin: 20px auto;
font-weight: bold;
color: #1ab2d7;
font-size: 110%;
}
.arrow01{
font-size: 150%;
color: hsla(203,100%,33%,1.00);
font-weight: bold;
text-align: center;
}
.sub01{
width: 90%;
margin: 20px auto;
font-weight: bold;
font-size: 110%;
}
.sub02{
text-decoration: underline;
color: darkcyan;
padding: 10px;
}.sub02:hover{
color: brown;
}

/*全体のフォーム*/
.form_area {
margin: 0 auto 30px;
text-align: left;
width: 95%;
}
/*接種間隔*/
.interval{
padding: 20px 0;
}
.interval p{
padding: 40px 20px 20px 20px;
}
.val_box{
margin: 10px 0 50px 30px;
}
.val_img{
width: 85%;
padding: 10px;
}
.val_img img{
width: 100%;
}
.interval label{
font-size:120%;
font-weight: bold;
padding-left: 10px;
}
.val_btn{
transform: scale(2.0);
}

/*初期設定*/
.set_sheet{
padding: 20px;
text-align: left;
width: 90%;
margin: 10px auto 60px;
box-shadow: 2px 2px 2px #d7d7d7;
position: relative;
background-color: #f7f7f7; /* 背景色 */
}
.set_sheet p{
padding: 10px;
}

/*貴院様情報*/
.info{
width: 100%;
margin: 10px auto;
}
/*infoテーブル*/
.info_table{
width: 95%;
border-collapse: collapse;
margin: 10px auto 60px;
}
.info_table th,.info_table td {
padding: 10px 15px;
border: 2px solid #ddd;
}
.info_table th {
background: #E5F5FF;
width: 30%;
text-align: left;
}
.info_table td {
background: #fff;
}
.info_table td p{
color: #707070;
}
/*infotextbox*/
.info_box{
position: relative;
width: 100%;
margin: 0 auto;
}
.info_box input[type='text']{
width: 90%;
padding: 10px;
transition: 0.3s;
letter-spacing: 1px;
border: 1px solid rgba(222,242,247,1.00);
box-shadow: 1px 1px 2px 0 #707070 inset;
border-radius: 4px;
}
.gray_font{
color: #707070;
}
/*項目タイトル*/
label.itemname{
font-size: 100%;
font-weight: bold;
padding: 5px 0;
}
/*テキスト記入欄*/
.info_box textarea {
width: 100%;
padding: 7px;
letter-spacing: 1px;
border: 1px solid #ffffff;
}
.info_box input{
font-size: 17px;
}
.info_box textarea{
font-size: 17px;
}
.info_box input:focus{
background: #d9f6ff;
color: #004782;
}
.info_box a{
font-size: 60%;
font-weight: 500;
color: dodgerblue;
text-decoration: none;
}

.must{
background: #DD4972;
color: #ffffff;
border-radius: 2px;
padding: 3px 5px;
font-size: 70%;
margin-right: 3px;
float: right;
}
.notmust{
background: #c59921;
color: #ffffff;
border-radius: 3px;
padding: 3px;
font-size: 70%;
margin-right: 3px;
float: right;
}
/*問い合わせ*/
.qq_box{
width: 95%;
margin: 0 auto;
}
/* submit 送信ボタン*/
.submit{
padding: 50px 0;
margin: 10px auto;
text-align: center;
}
.submit_btn01{
width: 80%;
margin: 0 auto;
font-size: 110%;
font-weight: bold;
}
.submit02{
padding: 50px 0;
display: flex;
flex-flow: row;
justify-content: space-between;
margin: 30px auto;
font-weight: bold;
font-size: 110%;
}
.submit_btn02{
width: 35%;
}
.submit_btn03{
width: 55%;
}
input.kakunin{ 
width:100%;
color: #1ab2d7;
background:rgba(30, 141, 123, 0.1);
border: 3px solid #1ab2d7;
font-weight:bold;
border-radius: 5px;
cursor: pointer;
text-align: center;
padding: 20px 0;
text-decoration: none;
font-size: 130%;
margin: 0 auto 50px;
box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
position: relative;
transition: .3s;
}
.kakunin:hover,.modoru:hover{
background: rgba(247,211,27,1.00);
color: #1592B0;
box-shadow: 0 10px 10px -5px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1);
}
input.modoru{
color: #1ab2d7;
background:rgba(30, 141, 123, 0.1);
border: 2px solid #1ab2d7;
font-weight:bold;
border-radius: 5px;
padding: 20px 15px;
cursor: pointer;	
width: 80%;
margin: 0 auto;
text-align: center;
font-size: 110%;
}
/*check.php*/
.q01 label,.q02 label,.q03 ladel{
color: gray;
}
th.q01{
background:	hsla(198,100%,85%,0.3);
}
th.q02{
background: hsla(166,45%,58%,0.1);
}
th.q03{
background: hsla(56,85%,81%,0.21);
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
  background: hsla(0,100%,50%,0.58);   /* 背景色を設定 */
  color: #fff;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
 background: hsla(205,100%,50%,0.58);   /* 背景色を設定 */
;   /* 背景色を設定 */
 color: #fff;       /* 文字色を設定 */
}

@media screen and (max-width: 768px){
.container01{
padding-top: 10px;
margin: 20px auto 50px;
width: 95%;  
}	
p.sub01{
width: 98%;
margin: 20px auto;
font-size: 75%;
}
.form_area p{
font-size: 85%;
}
/*初期設定*/
h1{
margin: 1rem 0 1rem -14px;
font-size: 110%;
}
.set_sheet{
padding: 5px;
text-align: left;
width: 95%;
margin: 10px auto 60px;
}
.set_sheet p{
padding: 10px;
}
/*searchボックス*/
.time_box input[type='search'],.number_box input[type='number']{
width: 25%;
padding: 5px;
margin: 5px; 
font-size: 105%;
}
.kakunin{ 
width:100%;
border: 1px solid #1ab2d7;
font-weight:bold;
border-radius: 0;
padding: 20px 15px;
font-size: 110%;
}
.kakunin:hover,input.modoru:hover{
background: rgba(247,211,27,1.00);
}
input.modoru{
border: 1px solid #1ab2d7;
border-radius: 0;
padding: 20px 15px;
cursor: pointer;	
width: 100%;
font-size: 80%;
}
.must{
background: #DD4972;
color: #ffffff;
border-radius: 2px;
padding: 3px 5px;
font-size: 60%;
margin-right: 3px;
float: right;
}
.notmust{
background: #c59921;
color: #ffffff;
border-radius: 3px;
padding: 3px;
font-size: 60%;
margin-right: 3px;
float: right;
}	

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

.info_table th,.info_table td {
width: auto;
display: block;
border-top: none;
}
.info_table tr:first-child {
border-top: 1px solid #d5d5d5;
}
.submit_btn01{
width: 90%;
border-radius: 0;
}
.submit02{
padding: 20px 0 50px;
flex-flow: column;
justify-content: center;
margin: 0 auto;
}
.submit_btn02{
width: 90%;
margin: 10 auto;
}
.submit_btn03{
width: 90%;
margin: 10 auto;
}
}