@charset "UTF-8";
@import url("bootstrap.css");


body { padding-top: 80px; color:#666}
/*h3{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin:40px 0 20px 0;}*/

h1{ margin:0; padding:0}
.img-right{ float:right; margin:0 0 10px 10px;}
.img-left{ float:left; margin:0 10px 10px 0;}
.text-center{ text-align:center}
.ore{color: #f4645f;}
a{color:#777}

.navbar {
	border-top: 5px solid #E7685F;
    border-bottom: 1px solid #EC8D86;
	padding:5px;
	background:#FFF;
}

.jumbotron {
    height: 500px;
    background: url(../image/main.jpg) no-repeat center;
    background-size: cover;
	border:none;
}
h2.jumboh {
    font-size: 24px;
    line-height: 40px;
    color: #555;
    text-shadow: 0 0 15px #fff, 0 0 10px #fff, 0 0 0.4px #fff;
    margin: 40px 0;
}

.home h2{ color:#f4645f; text-align:center; margin:1rem 0 3rem 0}

section{ margin:2rem auto;}


.h2{background: url(../image/main.jpg) no-repeat center;
    width: 100%;
    height: 10rem;
    position: relative;
	background-size: cover;}
.h2 h2{    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
	text-align: center;
    padding: 4rem 0;
    margin: 0;
    vertical-align: middle;
    line-height: 3rem;
	text-shadow:0px 0px 7px #fff;color:#555;font-size: 1.8rem;
}

.com table{ width:auto; margin:2rem auto}
.com table p{ margin:0.5rem 0; }
.com table tr td:first-child{ text-align:right}

.per h3{ font-size:1.5rem; margin:3rem 0; color:#555}

table.top td{ padding:10px}
@media ( max-width: 768px ){
table.top td{ display:block;}
table.table-res td,table.table-res th{ display:block; width:100%}
}

@media ( min-width: 980px ){
.page{ width:80%; margin:40px auto}
.page.inq{ width:60%;}
ul.nav{ float:right}
ul.nav li{ margin-top:30px}
}

#faq .btn {
white-space: normal;
}


footer{ width:100%;
    border-bottom: 5px solid #E7685F; margin-top:40px;}
footer .fp{background: #EC8D86;color:#FFF; padding:10px 0; line-height:0.7; font-size:90%}
footer .fp a{ color:#FFF}
footer ul{ list-style:none; padding:0}



    @media ( min-width: 768px ) {
      #banner {
        min-height: 300px;
        border-bottom: none;
      }
      .bs-docs-section {
        margin-top: 8em;
      }
      .bs-component {
        position: relative;
      }
      .bs-component .modal {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        z-index: 1;
        display: block;
      }
      .bs-component .modal-dialog {
        width: 90%;
      }
      .bs-component .popover {
        position: relative;
        display: inline-block;
        width: 220px;
        margin: 20px;
      }
      .nav-tabs {
        margin-bottom: 15px;
      }
      .progress {
        margin-bottom: 10px;
      }
    }

@media ( max-width: 375px ){
.navbar-brand{ width:75%}
}

td.Submit_right { text-align: right; }

 @media (max-width: 768px ) {
td{ display:block;width:100%}
tr td:first-child{ font-weight:bold; text-align:left !important}
}