@charset "utf-8";
/* CSS Document */
#frame-1{margin: 0 0 70px;}
#frame-1 .tit{font-size: 16px; margin: 0 0 10px; font-weight: bold;}
#frame-1 .item{float: left; width: 48%; margin: 0 4% 0 0; padding: 0 0 0 10px;}
#frame-1 .item:last-of-type{margin: 0 auto; padding: 0 10px 0 0;}
#frame-1 table{width: 100%;}
#frame-1 td{padding: 10px 10px 10px 30px; border: 1px solid #999999;}
#frame-1 td:first-of-type{width: 105px; background: #f4f4f4; text-align: center; padding: 10px;}
#frame-1 td .btnMap{color: #fff; background: #006f0b; padding: 3px 0 3px 40px; letter-spacing: 0.1em; display: block; width: 100px; margin: 7px 0 0; position: relative;}
#frame-1 td .btnMap:before{content: ''; display: block; width: 0; position: absolute; left: 21px; top: 50%; height: 0;
border-top: 3px solid transparent; border-left: 5px solid #fff; border-bottom: 3px solid transparent;
-webkit-transform: translateY(-50%); transform: translateY(-50%);}
#frame-1 td .btnMap:hover,#frame-1 tr:nth-of-type(2) a:hover{opacity: 0.7; text-decoration: none;}
#frame-1 td a:hover{text-decoration: underline;}

#frame-2 h4 span{font-size: 10px; color: #000; padding: 0 0 0 35px;}
#frame-2 .mark{color: #bd0000;}
#frame-2 table{width: 100%; max-width: calc(100% - 20px); margin: 0 auto;}
#frame-2 td{padding: 15px 20px; border: 1px solid #999999;}
#frame-2 td:first-of-type{width: 216px; background: #f4f4f4; text-align: center;}
#frame-2 td .txt1{width: 95px; display: inline-block; font-size: 13px; position:relative;}
#frame-2 td .txt1 span{position:absolute; top:0; right:5px;}
#frame-2 td .txt2{display:inline-block; font-size: 13px;}

#frame-2 input{border: 1px solid #cccccc; width: 100%; padding:2px 5px;}
#frame-2 select{border: 1px solid #a6a6a6; border-radius: 5px; line-height: 1.2; padding: 2px 10px; font-size: 13px; background: #f9f9f9;}
#frame-2 textarea{border: 1px solid #cccccc; width: 100%; height: 200px; resize: none; padding:2px 5px;}

#frame-2 .btnSubmit{width: 156px; cursor: pointer; margin: 30px auto 0; background: #006f0b; color: #fff; padding: 2px 0 2px 45px; display: block; font-size: 15px; letter-spacing: 0.2em; text-align: left; position: relative;}
#frame-2 .btnSubmit:before{content: ''; display: block; width: 0; position: absolute; left: 24px; top: 50%;	height: 0;
border-top: 3px solid transparent;	border-left: 5px solid #fff; border-bottom: 3px solid transparent;
-webkit-transform: translateY(-50%); transform: translateY(-50%);}
#frame-2 .btnSubmit:hover{opacity: 0.7;}
#frame-2 .boxBtn{max-width:300px; margin:0 auto;}
#frame-2 .boxBtn button{padding:2px 0; text-align:center; width:48% !important;}
#frame-2 .boxBtn button:before{left:15px;}
#frame-2 .btnBack{float:left;}
#frame-2 .btnSend{float:right;}

#frame-2 tr:nth-of-type(4) td:nth-of-type(2),
#frame-2 tr:nth-of-type(5) td:first-of-type,
#frame-2 tr:nth-of-type(6) td:first-of-type,
#frame-2 tr:nth-of-type(7) td:first-of-type{width: calc(100% - 216px); background: #fff; text-align: left; font-size: 0; padding: 10px 20px;}

#frame-2 tr:nth-of-type(4) td:nth-of-type(2) input,
#frame-2 tr:nth-of-type(5) td:first-of-type input,
#frame-2 tr:nth-of-type(6) td:first-of-type input,
#frame-2 tr:nth-of-type(7) td:first-of-type input{width: calc(100% - 95px);}

label.error{font-size:11px; color:#f00; padding:5px 0 0 0;}

#thanks{padding:21vh 0; text-align:center; font-size:20px; letter-spacing:0.1em;}
#thanks span{display:inline-block;}


/*===============================
             MEDIA
================================*/
@media screen and (min-width:0\0) and (min-width:1000px){  /* IE */
#frame-1 td .btnMap{padding:5px 0 1px 40px;}

#frame-2 .btnSubmit{padding:4px 0 0 45px;}
}

@media only screen and (max-width:1040px){
#frame-1 .item{width: 100%; max-width: 460px; margin: 0 auto 50px; float: none; padding: 0!important;}
}

@media only screen and (max-width:767px){
#frame-1 td{display: block; padding: 10px; border-bottom: none;}
#frame-1 td:first-of-type{width: 100%; text-align: left;}
#frame-1 tr:last-of-type td:last-of-type{border-bottom: 1px solid #999999;}

#frame-2 h4 span{display: block; padding: 0;}
#frame-2 table{max-width: 100%;}
#frame-2 td{padding: 10px!important;}
#frame-2 td:first-of-type{width: 180px;}
}

@media only screen and (max-width:480px){
#frame-1{margin: 0 0 60px;}
#frame-1 .tit{font-size: 13px;}

#frame-2 td{border-bottom: none; display: block;}
#frame-2 td:first-of-type{width: 100%; text-align:left;}
#frame-2 tr:last-of-type td:last-of-type{border-bottom: 1px solid #999999;}
#frame-2 tr:nth-of-type(4) td:nth-of-type(2), 
#frame-2 tr:nth-of-type(5) td:first-of-type, 
#frame-2 tr:nth-of-type(6) td:first-of-type, 
#frame-2 tr:nth-of-type(7) td:first-of-type{width: 100%;}

#thanks{font-size:16px; padding:8vh 0;}
}