html,body{
font-size:110%;
}

a.kuro{
color:#000000;
}

.box-city{
float:left;
width:150px;
border: 1px solid #ff99cc;
font-weight:normal;
text-align:center;
font-size:90%;
line-height: 150%;
padding:3px;
margin: 3px;
}

.arrow-left{
float:left;
background-color: #ffffff;
width:150px;
border: 1px solid #ff3366;
font-weight:normal;
text-align:center;
font-size:90%;
line-height: 150%;
padding:3px;
margin: 3px;
}

.arrow-left2{
float:left;
width:50%;
border: 1px solid #999999;
font-weight:normal;
text-align:center;
font-size:90%;
line-height: 150%;
padding:3px;
margin: 10px 0px 0px 0px;
}


.fontsize01{
font-size:80%;
line-height: 120%;
}

.hide-box01{
display:none;
}

.hide-box02{
display:inline;
}

img.logo_a{
border-style:none;
outline:none;
max-width: 700px;
height: auto;
width /***/:auto;
margin:-200px 0px 0px 0px;
}

img.logo_b{
border-style:none;
outline:none;
max-width: 700px;
height: auto;
width /***/:auto;
margin:-25px 0px 0px 0px;
}

img.dlb_a{
border-style:none;
outline:none;
max-width: 350px;
height: auto;
width /***/:auto;
margin:50px 0px 0px 0px;
}

img.chara-0a{
border-style:none;
outline:none;
max-width: 274px;
height: auto;
width /***/:auto;
margin:0px 0px 0px 0px;
}

.inlineframe {
line-height: 150%;
padding:10px 10px;
height:200px;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
border: 1px solid #d7d7d7;
}

.bunya01{
font-size:100%;
font-weight:normal;
line-height: 130%;
vertical-align:top;
}	

.font-s85{
font-size:85%;
}

.text-dn{
text-decoration:none;
}

.text-l{
text-align:left;
}

.text-c{
text-align:center;
}

.text-r{
text-align:right;
}

.text-vt{
vertical-align:top;
}

.text-vm{
vertical-align:middle;
}

.text-vb{
vertical-align:bottom;
}

.font-wb{
font-weight:bold;
}

.font-wn{
font-weight:normal;
}
.txt-line01{
line-height: 130%;
}

.txt-line02{
line-height: 130%;
}

.table-w1{
width:100%;
}

.td-w1{
width:1%;
}

.td-w2{
width:99%;
}

.td-w3{
width:5em;
}

.td-w4-1{
width:5%;
min-width:1em;
border: 1px solid #999999;
padding:0px 3px;
}

.td-w4-2{
width:25%;
border: 1px solid #999999;
padding:0px 3px;
}

.td-w4-3{
width:40%;
border: 1px solid #999999;
padding:0px 3px;
}

.td-w4-4{
width:5%;
min-width:1em;
border:1px solid #999999;
padding:0px 3px;
}

.td-padding-1{
padding: 0px 0px 20px 0px;
}

.td-padding-2{
padding: 3px 3px 3px 3px;
}


.margin-a{
margin:15px 0 50px 0px
}

.margin-b{
margin:30px 0px 0px 0px
}

.margin-c{
margin:0px 0px 0px 15px
}

.about-m1{
color:#484848;
font-size:130%;
font-weight:bold;
}

.about-txt1{
color:#484848;
font-size:100%;
font-weight:normal;
line-height: 200%;
}

.about-txt2{
color:#484848;
font-size:85%;
font-weight:normal;
line-height: 150%;
}

li.list00{
line-height: 130%;
list-style-type: none;
padding:10px 0px;
}

li.list01{
line-height: 130%;
list-style-type: circle;
padding:10px 0px;
}

/*================================================フォームデザイン================================================*/
.hissu01{
margin:0px 10px 0px 0px;
padding:2px 5px;
background-color: #f00;
display:inlie;
border-radius: 4px;
color:#fff;
font-size:10px;
}

.box-form{
z-index:100;
position:absolute;
background-color: #fff;
color: #333;
height: 200px;
width: 100%;
top: 115px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
border-radius: 8px;/* border-radius */
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);/* box-shadow */
}

.input01{
width:95%;
}

.input02{
background: #f8f8f8;
width:50%;
 padding: 12px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
		/* outline: none; */
  border: 0px solid #d7d7d7;
  transition: 0.8s;
  border-radius: 0;
}

.input03{
background: #f8f8f8;
width:20%;
 padding: 12px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
		/* outline: none; */
  border: 0px solid #d7d7d7;
  transition: 0.8s;
  border-radius: 0;
}

.input04{
background: #f8f8f8;
width:95%;
 padding: 12px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
		/* outline: none; */
  border: 0px solid #d7d7d7;
  transition: 0.8s;
  border-radius: 0;
}

.textarea01{
background: #f8f8f8;
width:95%;
border: 0px solid #d7d7d7;
}

.button01 {
margin:10px 0px 0px 0px;
display       : inline-block;
border-radius : 5%;          /* 角丸       */
font-size     : 12pt;        /* 文字サイズ */
text-align    : center;      /* 文字位置   */
cursor        : pointer;     /* カーソル   */
padding       : 15px 25px;   /* 余白       */
background    : #ffe3e3;     /* 背景色     */
color         : #000000;     /* 文字色     */
line-height   : 1em;         /* 1行の高さ  */
transition    : .3s;         /* なめらか変化 */
border: 0px solid #d7d7d7;
}

.button01:hover {
color: #000000;     /* 背景色     */
background: #ffaaaa;     /* 文字色     */
}

.form-table {
border-collapse: collapse;
width: 100%;
}


.form-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
}

.form-table th {
  background: #ffecea;
  padding-left: 50px;
vertical-align:middle;
  text-align: left;
  width: 300px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.map_wrapper {
margin: 0;
height:100%;
}

@media screen and (max-width:768px) {
.box-city{
float:left;
width:100px;
border: 1px solid #ff99cc;
font-weight:normal;
text-align:center;
font-size:80%;
line-height: 150%;
padding:3px;
margin: 7px;
}

.arrow-left{
float:left;
background-color: #ffffff;
width:100px;
border: 1px solid #ff3366;
font-weight:normal;
text-align:center;
font-size:80%;
line-height: 150%;
padding:3px;
margin: 7px;
}

.hide-box01{
display:inline;
}

.hide-box02{
display:none;
}

img.logo_a{
border-style:none;
outline:none;
max-width:80%;
height: auto;
width /***/:auto;
margin:-75px 0px 0px 0px;
}

img.logo_b{
border-style:none;
outline:none;
max-width:80%;
height: auto;
width /***/:auto;
margin:-25px 0px 0px 0px;
}

img.dlb_a{
border-style:none;
outline:none;
max-width: 50%;
height: auto;
width /***/:auto;
margin:10px 0px 10px 0px;
}

img.chara-0a{
border-style:none;
outline:none;
max-width: 50%;
height: auto;
width /***/:auto;
margin:0px 0px 0px 0px;
}


/*================================================フォームデザイン================================================*/
.input01{
width:95%;
}

.input02{
width:95%;
}

.textarea01{
width:95%;
}

.form-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
}


.form-table th,
.form-table td {
 padding: 20px;
  display: block;
  width: 100%;
  border-bottom: none;
}
}