@charset "utf-8";

#content-wrap {
    margin:0 auto 100px !important;
}

/* コンテント */
.box01 {
    width: 100%;
    float: left;
    margin: 100px auto 0;
}

.inner-head {
    width: 100%;
    float: left;
    text-align: center;
}

.inner-head h3 {
    font-size: 35px;
    margin: 0 auto;
    font-family: 'Quicksand', sans-serif;
    color: #dfa5b4;
    font-weight: 100;
}

.inner-head p {
    margin: 3px auto 0;
    color: #dfa5b4;
    font-size: 16px;
}

p.text-left {
    text-align: left;
    margin: 0 auto;
    float: left;
}

.gyro-box {
    width: 100%;
    float: left;
    margin: 0 auto 0;
    position: relative;
}

.gyro-box:nth-child(n+2) {
    width: 100%;
    float: left;
    margin: 60px auto 0;
}

.greeting-text {
    width: 50%;
    float: right;
    padding: 0 4% 0 0;
    position: relative;
    background: rgb(250, 250, 250);
}

.greeting-text:after {
    content: "";
    background: url(../img/fee/01.jpg) no-repeat;
    width: 100%;
    height: 375px;
    display: block;
    position: absolute;
    top: 60px;
    z-index: -1;
    right: 130px;
}

.gyro-box:nth-child(2) .des .greeting-text:after {
    content: "";
    background: url(../img/fee/02.jpg) no-repeat;
    float: right;
    right: -130px;
}

.gyro-box:nth-child(2) .des {
    margin: 120px auto 0;
}

h1.time {
    position: absolute;
    font-size: 520%;
    color: #d9d9d9;
    top: 95%;
    transform: translateY(-50%);
    left: 0;
}

.gyro-box:nth-child(2) h1.time {
    right: 0;
    top: 98%;
    left: auto;
}

.greeting-text p {
    margin: 0 auto;
}

.des {
    width: 100%;
    float: left;
    margin: 0 auto 0;
    position: relative;
}

.des .greeting-text {
    padding: 8% 3%;
    height: 100%;
}

.gyro-box:nth-child(2) .des .greeting-text {
    float: left;
}

p.text-center {
    text-align: center;
    color: #a8a3a4;
    margin: 120px auto 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
}

tr {
    width: 100%;
}

th {
    background: #dfa5b4;
    color: #fff;
    border: 1px solid #e2e2e2;
    padding: 1%;
    width: 2%;
}

tr:nth-child(n+2) th {
    background: #f3f3f3;
	color: #080a15;
}

td {
    border: 1px solid #e2e2e2;
}

@media (max-width: 1449px){

}

@media (max-width: 1023px){

}

@media (max-width: 991px){
.box01 {
    margin: 60px auto 0;
}
.greeting-text{
    max-width: 508px;
    width: 80%;
	margin: 20px auto 0;
    float: none;
    left: 0;
    right: 0;
}

.gyro-box:nth-child(2) .des .greeting-text{
  float: none;
}

.greeting-text:after {
    top: 60px;
}

}

@media (max-width: 767px){
.heading-text {
    font-size: 30px;
	font: normal;
}

.box01 {
    margin: 30px auto 0;
}

.gyro-box:first-child {
    margin: 0 auto 0;
}

.gyro-box:nth-child(n+2) {
    margin: 20px auto 0;
}


h1.time {
    font-size: 11.5vw;
}

.des{
  margin: 0 auto;
}

.des .greeting-text {
    padding: 5%;
}

.greeting-text:after {
    height: 315px;
}

.gyro-box:nth-child(2) .des .greeting-text:after {
    background: url(../img/fee/02.jpg) no-repeat right;
}

.pricelist{
  margin: 20px auto 0;
}

.inner-head h3 {
    font-size: 30px;
}

.inner-head p {
    font-size: 14px;
	line-height: 100%;
}
}

@media (max-width: 500px){
.greeting-text{
    width: 87%;
    float: right;
	padding: 5%;
    height: 100%;
}

.greeting-text:after {
    height: 100%;
    top: 30px;
    right: 40px;
}

.gyro-box:nth-child(2) .des .greeting-text {
    float: left;
}

.gyro-box:nth-child(n+2) {
    margin: 60px auto 0;
}

.gyro-box:nth-child(2) .des,p.text-center {
    margin: 0 auto 0;
}

.gyro-box:nth-child(2) .des .greeting-text:after {
    background: url(../img/fee/02.jpg) no-repeat right;
}

}