@charset "utf-8";


.outer-block {
    min-width: 320px;
}

.inner-block {
    padding: 0 10px;
    width: auto;
}

img {
    max-width: 100%;
}

.pc {
    display: none !important;
}

.tab {
    display: block !important;
}

.sp {
    display: none;
}


/*------------------------------------------------------------------------------
  header
------------------------------------------------------------------------------*/
#header {
    padding:20px 0 10px;
    border-top:none;
}

#header h1 img {
    height:40px;
    width:auto;
}

h2{
  margin-bottom: 30px;
}

/*------------------------------------------------------------------------------
  contact
------------------------------------------------------------------------------*/
.contents {
    padding: 30px 0 60px;
}

.flow-list{
  margin:0 0 30px;
}

.tableWrap.gray table th,
.tableWrap.gray table td {
  width:auto;
  display:block;
  padding:10px;
}

.tableWrap input[type="text"],
.tableWrap input.input-text02,
.tableWrap textarea{
    width:96%;
    padding:0 2%;
    font-size:16px;
}

.tableWrap textarea{
    width:96%;
    padding:5px 2%;
}

.careful{
  margin:0 0 30px;
}

.tableWrap input[type="text"]{
  height:30px;
  line-height: 30px;
}

.tableWrap input.input-text01{
  width:40px;
}

.tableWrap input.input-text01plus {
  width: 50px;
}

.tableWrap .yubinbutton{
    margin-left:5px;
}

.tableWrap .radio-list li, .tableWrap .checkbox-list li {
    margin: 5px 40px 5px 0;
}

.entry button{
    width:120px;
}

.careful.careful01{
  padding:40px 0;
}