@charset "UTF-8";
@media screen and (min-width: 768px),print {
.h-logo{filter: brightness(0) invert(1);}
#title_wrap{ background: url(../images/catalog/ttl-back.jpg)no-repeat; background-size: cover; }

#contentsmain { margin: 0 auto; position: relative; }
#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 782px;padding: 0px 30px 81px 30px;}
#contentsmain .inner-Box .text-Box{margin: 0 auto 46px;}
#contentsmain .inner-Box p.text {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 1.4px;margin-bottom: 28px;}
#contentsmain .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin: 0 auto 29px auto;max-width: 652px;}
#contentsmain .inner-Box figure.photo02 {position: relative;top: 0;left: 0;margin: 0px auto 0 auto;max-width: 652px;}
#contentsmain .inner-Box figure img{ width: 100%; height: auto;}

#comment{height: 190px;}
#your-kiboara{ margin: 0 0 13px 0; }
#your-kiboara .wpcf7-list-item{margin-right: 10.5px;}


}

@media screen and (max-width: 767px) {

#title_wrap{background: url(../images/catalog/ttl-back.jpg)no-repeat;background-size: 100% auto;margin-right: 9.3vw;height: 106vw;}

#contentsmain {margin: 0 5.4vw 14.8vw;position: relative;}
#contentsmain .inner-Box {position: relative;padding: 6vw 0 0;}
#contentsmain .inner-Box .text-Box{margin: 0 auto -0.73vw;}
#contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 7.47vw;}
#contentsmain .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin: 0 auto 5.33vw auto;}
#contentsmain .inner-Box figure.photo02 {position: relative;top: 0;left: 0;margin: 0.0vw auto 0 auto;}
#contentsmain .inner-Box figure img{ width: 100%; height: auto;}



#comment{height: 45.9vw;}
#your-kiboara{ margin: 0 0 3.1vw 0; }
#your-kiboara .wpcf7-list-item{margin-right: 2.5vw;}

}