@charset "utf-8";
/* CSS Document */
/**from css**/
input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
input[type='text'],input[type='tel'],input[type='email'],textarea,input[type='password']{
    height: 2.4em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 2px 2px 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
				 transition: transform .3s;
}

input[type='text']:focus,input[type='tel']:focus,input[type='email']:focus,textarea:focus,input[type='password']:focus{
    outline: 0;
    box-shadow: 0 0 0.5em rgba(92,104,107, .5) ;
}


input.size-s{
width: 50%;
}
textarea[name='comment']{
height: auto;
}
#form input.btn,#form button {
  padding: 10px;
  width: 200px;
  border-radius: 10px;
  transition:all 0.5s;
		border: none;
		cursor: pointer;
}
#form input[name='sub_kakunin'],#form input.btn_st01{
  background: #5C686B;
  color: #fff;
}
#form input[name='sub_kakunin']{
  background: #5C686B;
  color: #fff;
}
#form input[name='sub_reset']{
  background: #eceded;
  color: #5C686B;
}
#form .sub_btn {
  background: #fff;
  color: #5C686B;
  border: 2px solid #5C686B;
  padding: 5px;
}
input.btn:hover,button:hover {
  opacity: 0.5;
}
#form ul.ul_btn,.form_btncon{
  display: flex;
  justify-content: center;
		align-content: center;
  margin: 60px auto;
}
#form ul.ul_btn li:not(:first-of-type){
  margin-left: 30px;
}
#art_period .p01{
font-weight: 900;
}
.f_small {
font-size: 12rem;
display: block;
}
.required{
background: #5a0d11;
border-radius: 5px;
padding: 5px;
color: #fff;
font-size: 12rem;
margin: 0 10px;
}
#art_period .dl_form{
margin-bottom: 30px;
}
#art_period .dl_form dt{
width: 80px;
background: #5C686B;
color: #fff;
font-weight: 700;
margin:0 0 1px;
padding: 10px;
}
#art_period .dl_form dd{
background: #F4F4F4;
margin:0 0 1px;
padding: 10px;
}
.div_form-table{
margin-bottom: 30px;
}
.table-endai{
width: 100%;
}

.table-endai thead th{
background: #363D3F;
    color: #fff;
    font-weight: bold;
    text-align: center;
				margin-bottom: 1px;
}
.table-endai tbody td,.table-endai thead th{
}
.table-endai tbody td{
    padding: 10px;
    font-weight: normal;
    margin-bottom: 1px;
				    background: #F4F4F4;
}
#form .table-endai td input.btn{
width: 100%;
  background: #5C686B;
  color: #fff;
}
#form .form_send .div_topic01{
margin-bottom: 30px;
}
@media (max-width:979px){
#art_period .dl_form dt,#art_period .dl_form dd{
width: 100%;
}
.div_form-table-endai{
overflow-y: scroll;
}
.div_form-table-endai .table-endai{
width:900px;
}
.p_flick{
position: relative;
padding: 10px 0 10px 40px;
font-weight: 700;
font-size: 18rem;
}
.p_flick:before{
content: "";
position: absolute;
display: block;
top: 50%;
left: 0;
  background: url("../img/common/ic_flick.png")no-repeat left top/contain;
		  transform: translateY(-50%) translateX(0%);
		width:31px;
		height: 29px;
}
}
@media (min-width:980px){
#art_period .p01{
text-align: center;
}
#art_period .dl_form{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: stretch;
}
#art_period .dl_form dt{
width: 250px;
border-right: 1px solid #fff;
}
#art_period .dl_form dd{
width: calc(100% - 250px);
}
.p_flick{
display: none;
}
}