@charset "utf-8";

/* common
-------------------------------------------------------------*/



/* inquiry
-------------------------------------------------------------*/

.form{
	overflow:hidden;
	zoom:1;
}
div.error{
	margin: 30px 0 0;
	padding: 30px;
	color: #ff0000;
	font-size: 114.285%;
	font-weight: bold;
	border: 5px solid #ff0000;
	background: #fff;
}
.note{
	margin:5px 0 0;
	font-size:85.714%!important;
	font-weight:normal!important;
	line-height:1.8!important;
}
.form dt{
	float:left;
	width:15em;
	padding: 5px 0 5px 60px;
	background: url(..//img/icon-require.png) no-repeat 0 6px;
}
.form dt.option{
	background: url(..//img/icon-option.png) no-repeat 0 6px;
}
.form dt.confirm{
	background: url(..//img/icon-confirm.png) no-repeat 0 6px;
}
.form dt span{color: #ff4646;font-weight: bold;}
.form dd{
	padding:5px 0 25px 17em;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px #aaaaaa dotted;
}
.form dd:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.form dd textarea{
	background: #fff;
}
#submit{
	margin: 50px 0 30px;
	padding: 35px;
	border: 1px solid #c8c8c8;
	background: #f5f5f5;
}
#submit ul{
	text-align: center;
}
#submit ul li{
	margin: 0 10px;
}
#submit ul li input{
	font-size: 16px;
	background-color:#fff;
	transition:all 0.3s linear;
}
#submit ul li input:hover{
	background-color:#be6eaa ;
}
@media only screen and (max-width: 640px){
	.form dt{
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.form dd{
		padding:0 0 20px;
		margin:0 0 20px;
	}
	#submit{
		padding: 20px;
	}
	#submit ul li{
		display: block;
		margin: 10px 0;
		text-align: center;
	}
}



/* absence_form
-------------------------------------------------------------*/	
#absence p.outline{
	margin:0 auto 20px;
	padding-bottom:120px;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-image:url(../img/flow01.png);
	background-size:100% auto;
}
#absence p.confirm{background-image:url(../img/flow02.png);}
#absence p.thanks {background-image:url(../img/flow03.png);}

#absence p.note{
	margin-top:-4px;
}

@media only screen and (max-width: 630px){#absence p.outline{padding-bottom:100px;}}
@media only screen and (max-width: 510px){#absence p.outline{padding-bottom:80px;}}
@media only screen and (max-width: 350px){#absence p.outline{padding-bottom:60px;}}

select, textarea, input[type="text"]{
	min-width:7em;
	margin-bottom:5px;
	padding:8px;
	border:2px #ccc solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#absence dl.form dd input[type="text"]#days,
#absence dl.form dd.days select{width:5em;min-width:0;}


div#subject div.unit {
    display: -ms-flexbox;
    display: flex;
	margin-bottom:5px;
}
div#subject div.unit input[type="text"]{
	margin-bottom:0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
div#input_plus,
div.input_minus {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #007bff;
    padding: 0.375em 0.75em;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #007bff;
	transition:all 0.3s linear;
	cursor:pointer;
}

div#input_plus {
	margin-bottom:5px;
    padding: 0.3em 0.65em;
}
div.input_minus{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
div#input_plus:hover,
div.input_minus:hover {
    border: 1px solid #ff6400;
    background-color: #ff6400;
}
p.emailTxt{
	margin-top:5px;
}

/* thanks */

#absence p.thanks{
	padding-top:120px;
	font-weight:normal;
	background-position:center top;
}