@charset "utf-8";
.review-list .js_target {
 display: none;
}
.review-list .js_target.js_selected {
 display: block;
}
.review-check-reset {
 margin-top: 10px;
 text-align: right;
}
.review-check-reset span {
 margin-right: 1%;
 padding: 5px;
 background-color: #bdbdbd;
 border-radius: 2px;
 font-size: 1.2rem;
 color: #fff;
 letter-spacing: 0;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 cursor: pointer;
}
.review-check-list .input-check {
 position: absolute;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 width: 1px;
}
.review-check-list .input-check + label {
 display: inline-block;
 position: relative;
 width: 100%;
 padding: 5px 5px 5px 30px;
 cursor: pointer;
}
.review-check-list .input-check + label:after, .review-check-list .input-check + label:before {
 content: "";
 position: absolute;
}
.review-check-list .input-check + label:before {
 top: 10px;
 left: 5px;
 width: 15px;
 height: 15px;
 border: 1px solid #ccc;
 border-radius: 2px;
 background: #fff;
}
.review-check-list .input-check + label:after {
 visibility: hidden;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 -webkit-transition: .4s;
 transition: .4s;
}
.review-check-list .input-check:checked + label {
 background: #D9CDC1;
}
.review-check-list .input-check:checked + label:after {
 visibility: visible;
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.review-check-list .input-check.-error + label {
 background: #f7b3b6;
}
.review-check-list .input-check:checked + label:before {
 border: 1px solid #825A32;
 background-color: #825A32;
}
.review-check-list .input-check + label:after {
 top: 10px;
 left: 10px;
 width: 5px;
 height: 10px;
 border-right: 2px solid #fff;
 border-bottom: 2px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.review-check-list li label {
 cursor: pointer;
}
.review-check-list li {
 display: inline-block;
}
.review-check-list li:last-child {
 margin-right: 0;
}
.review-check-list p {
 letter-spacing: 0.1em;
}
@media screen and (min-width:768px) {
 .review-check-list, .review-check-list ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
 }
 .review-check-list.check-area p {
  margin-top: 15px;
  padding-left: 57px;
  font-weight: 700;
 }
 .review-check-list.check-cat p {
  margin-top: 15px;
  font-weight: 700;
 }
 .review-check-list li {
  margin-right: 15px;
  margin-top: 15px;
 }
}
@media screen and (max-width:767px) {
 .review-check-list, .review-check-list ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
 }
 .review-check-list.check-area p {
  width: 100%;
 }
 .review-check-list li {
  margin-right: 15px;
  margin-top: 10px;
 }
 .review-check-list.check-cat {
  margin-top: 25px;
 }
}
.page-review .lead {
 text-align: center;
}
@media screen and (max-width:767px) {
 .page-review .lead {
  text-align: left;
 }
}
.review-list {
 margin-top: 25px;
}
.review-list .area1 p {
 border-left: 5px solid #F28D3C;
}
.review-list .area2 p {
 border-left: 5px solid #eeae79;
}
.review-list .area3 p {
 border-left: 5px solid #43a1bf;
}
.review-list .area4 p {
 border-left: 5px solid #1b3f5f;
}
.review-list .area5 p {
 border-left: 5px solid #95a524;
}
.review-list .area6 p {
 border-left: 5px solid #d54939;
}
.review-list .area7 p {
 border-left: 5px solid #6a6aff;
}
.review-list div {
 padding-top: 8px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 border-left: 1px solid #ddd;
}
.review-list div p {
 padding-right: 10px;
 padding-left: 10px;
 font-weight: 700;
	line-height: 1.5;
}
.review-list dl {
 margin: 10px;
 padding-left: 7em;
 font-size: 1.2rem;
}
.review-list dt, .review-list dd {
 float: left;
 margin: 0;
 line-height: 1;
 text-align: left;
	letter-spacing: 0;
}
.review-list dt {
 clear: left;
 float: left;
}
.review-list dd {
 position: relative;
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.review-list dd::after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin-top: auto;
 margin-bottom: auto;
 border-right: 1px dotted #868686;
 width: 1px;
 height: 10px;
}
.review-list dd span {
 padding-left: 10px;
}
.review-list figure {
 position: relative;
 overflow: hidden;
}
.review-list figure span {
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 1px 15px 3px;
 background-color: rgba(0, 0, 0, .7);
 font-size: 1.2rem;
 color: #fff;
 letter-spacing: 0;
}
.review-list figure span em {
 padding-right: 5px;
 font-style: normal;
 font-size: 1.4rem;
}
@media screen and (min-width:768px) {
 .review-list dt, .review-list dd {
  padding: 7px 0;
 }
 .review-list dt {
  margin-left: -7em;
 }
}
@media screen and (max-width:767px) {
 .review-list {
  padding-right: 15px;
  padding-left: 15px;
 }
 .review-list dt, .review-list dd {
  padding: 4px 0 0;
  font-size: 1.1rem;
 }
 .review-list dl {
  margin: 6px 5px 10px;
  padding-left: 7em;
 }
 .review-list dt {
  margin-left: -7em;
 }
 .review-list dt::before {
  margin-right: 0;
 }
 .wrp-review dd {
  font-size: 1.2rem;
 }
 .wrp-review dd::after {
  top: 3px;
  height: 8px;
 }
 .review-list figure span {
  padding: 1px 10px 3px;
  font-size: 1rem;
 }
 .review-list figure span em {
  font-size: 1.2rem;
 }
}
.search-number {
 margin: 25px 0;
 padding: 20px 0;
 border-top: 1px dotted #dadada;
 border-bottom: 1px dotted #dadada;
 font-size: 1.4rem;
 font-weight: 700;
 text-align: center;
}
.search-number .in-number {
 padding: 0 6px;
 color: #B97103;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 2.8rem;
 vertical-align: middle;
 line-height: 1;
}
@media screen and (max-width:767px) {
 .search-number {
  margin: 25px 0;
  padding: 5px 0;
  font-size: 1.3rem;
 }
 .search-number .in-number {
  font-size: 2.4rem;
 }
}
.page-review-top .inner {
 padding-right: 0;
 padding-left: 0;
}
.page-review-top .review-first-box {
 padding-right: 15px;
 padding-left: 15px;
}
.review-list{
	display: flex;
	flex-wrap: wrap;
}
.review-list li {
 /*float: left;*/
 text-align: left;
 -webkit-animation: show .5s linear 0s forwards;
 animation: show .5s linear 0s forwards;
}
@-webkit-keyframes show {
 from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 }
 to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
}
@keyframes show {
 from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 }
 to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
}
.review-list li img {
 margin: 0 auto;
}
@media screen and (min-width:768px) {
 .review-list li img {
  max-height: 206px;
  overflow: hidden;
 }
 .review-list li {
  width: 23%;
  margin-top: 20px;
  margin-left: 1%;
  margin-right: 1%;
 }
}
@media screen and (max-width:767px) {
 .review-list li img {
  max-height: 128px;
  overflow: hidden;
 }
 .review-list li {
  width: 47%;
  margin-top: 20px;
  margin-left: 1.5%;
  margin-right: 1.5%;
 }
}
/* dtl
------------------------------*/
.page-review .review-main-photo {
 margin-top: 25px;
}
.page-review .review-doc {
 margin-top: 50px;
}
.page-review .review-area {
 margin-top: 15px;
}
.page-review .review-area li {
 float: left;
 margin-right: 15px;
 padding: 5px 20px;
 border-radius: 2px;
 font-weight: 700;
}
.page-review .review-area li:first-child {
 color: #fff;
}
.page-review .review-area li.area-1 {
 background-color: #f7a603;
 border: 1px solid #f7a603;
}
.page-review .review-area li.area-2 {
 background-color: #eeae79;
 border: 1px solid #eeae79;
}
.page-review .review-area li.area-3 {
 background-color: #43a1bf;
 border: 1px solid #43a1bf;
}
.page-review .review-area li.area-4 {
 background-color: #1b3f5f;
 border: 1px solid #1b3f5f;
}
.page-review .review-area li.area-5 {
 background-color: #95a524;
 border: 1px solid #95a524;
}
.page-review .review-area li.area-6 {
 background-color: #d54939;
 border: 1px solid #d54939;
}
.page-review .review-area li.area-7 {
 background-color: #6a6aff;
 border: 1px solid #6a6aff;
}
.page-review .review-area li.cat {
 border: 1px solid #3F6B92;
 color: #3F6B92;
}
.page-review .review-area li.category-list span {
 position: relative;
 padding-left: 46px;
 line-height: 2.6em;
 font-weight: 700;
}
.page-review .review-area li.category-list span:nth-child(n+2) {
 margin-left: 10px;
}
@media screen and (max-width:767px) {
 .page-review .review-area li {
  margin-right: 10px;
  padding: 3px 10px;
 }
 .page-review .wrp-review-comment {
  padding: 10px;
 }
}
.review-dtl {
 max-width: 1100px;
 margin: 0 auto;
}
.review-dtl h2.ttl {
 font-size: 1.8rem;
 font-weight: 700;
 border-bottom: 1px dotted #ccc;
 padding-bottom: 10px;
}
.review-dtl-right .review-word-ttl, .review-dtl-right .review-rank-ttl {
 margin-top: 10px;
 margin-bottom: 20px;
 padding: 10px 0 10px 25px;
 border-bottom: 1px solid #f6aa00;
 line-height: 1;
 background-size: 20px 18px;
}
.review-dtl-right .review-word-ttl {
 background: url(../img/common/icn-review-word.png) no-repeat 0 50%;
}
.review-dtl-right .review-rank-ttl {
 background: url(../img/common/icn-review-rank.png) no-repeat 0 50%;
}
.review-rank {
 margin-bottom: 50px;
}
.review-rank li:nth-child(n+2) {
 margin-top: 15px;
 padding-top: 15px;
 border-top: 1px solid #eee;
}
.review-rank li dt::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 background-repeat: no-repeat;
 background-size: contain;
 width: 30px;
 height: 30px;
}
.review-rank li:nth-child(1) dt::before {
 background-image: url(../img/common/icn-rank1.svg);
}
.review-rank li:nth-child(2) dt::before {
 background-image: url(../img/common/icn-rank2.svg);
}
.review-rank li:nth-child(3) dt::before {
 background-image: url(../img/common/icn-rank3.svg);
}
.review-rank li:nth-child(4) dt::before {
 background-image: url(../img/common/icn-rank4.svg);
}
.review-rank li:nth-child(5) dt::before {
 background-image: url(../img/common/icn-rank5.svg);
}
.review-rank li a:hover dt img {
 opacity: 1;
}
.review-rank dl {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
}
.review-rank dl dt {
 position: relative;
 width: 90px;
}
.review-rank dl dd {
 flex: 1;
 margin-left: 10px;
 font-size: 1.3rem;
 line-height: 1.4;
 letter-spacing: 0;
}
.review-rank dl dt img {
 width: 90px;
 height: 90px;
 object-fit: cover;
 object-position: 50% 50%;
 font-family: 'object-fit: cover; object-position: 50% 50%;';
 -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
 -moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
 -o-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
 transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
 -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.review-rank dl dd em {
 display: block;
 width: 70px;
 border: 1px solid #3F6B92;
 border-radius: 2px;
 color: #3F6B92;
 font-size: 1rem;
 font-style: normal;
 font-weight: 700;
 letter-spacing: .1em;
 text-align: center;
}
.review-rank dl dd p {
 margin-top: 5px;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.review-rank dl dd span {
 display: block;
 margin-top: 5px;
 font-size: 1.1rem;
}
.review-word li {
 float: left;
 margin-bottom: 15px;
 margin-right: 8px;
}
.review-word a {
 height: 26px;
 padding: 5px 10px;
 background-color: #eee;
 border-radius: 26px;
 font-size: 1.2rem;
 font-weight: 500;
}
.review-word a:hover {
 background-color: #f6aa00;
 color: #fff;
}
@media screen and (min-width:768px) {
 .review-dtl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
 }
 .review-dtl .review-dtl-left {
  flex: 1;
 }
 .review-dtl .review-dtl-right {
  width: 270px;
  margin-left: 60px;
 }
}
@media screen and (max-width:767px) {
 .review-dtl .review-dtl-right {
  margin-top: 50px;
 }
 .review-dtl h2.ttl {
  font-size: 1.5rem;
  line-height: 1.5;
 }
 .review-rank {
  margin-bottom: 30px;
 }
}
.contributor .c-photo {
 text-align: center;
}
.contributor h3 {
 margin-bottom: 5px;
}
.contributor h3 img {
 vertical-align: middle;
}
.contributor .c-profile dl {
 margin-top: 15px;
}
.contributor .c-profile dl dt, .contributor .c-profile dl dd {
 padding-top: 5px;
 padding-bottom: 5px;
}
@media screen and (max-width:767px) {
 .contributor .c-profile dl dt, .contributor .c-profile dl dd {
  font-size: 1.2rem;
 }
}
.contributor .c-profile dl dt {
 display: flex;
 justify-content: space-between;
 float: left;
 clear: left;
 width: 60px;
 border-bottom: 1px dashed #ccc;
}
.contributor .c-profile dl dd {
 padding-left: 80px;
 border-bottom: 1px dashed #ccc;
}
.contributor .c-profile dl dt:first-of-type, .contributor .c-profile dl dd:first-of-type {
 padding-top: 0;
}
.contributor .c-profile dl dt:last-of-type {
 border: none;
}
.contributor .c-photo img {
 object-fit: cover;
 object-position: 50% 50%;
 font-family: 'object-fit: cover; object-position: 50% 50%;';
}
@media screen and (min-width:768px) {
 .contributor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 60px;
  background-color: #F7F7F7;
  border: 1px solid #E3E1DF;
  padding: 25px;
  font-size: 1.3rem;
 }
 .contributor .c-photo {
  width: 180px;
  margin-right: 50px;
 }
 .contributor .c-profile {
  flex: 1;
 }
}
@media screen and (max-width:767px) {
 .contributor .c-photo img {
  width: 180px;
  height: 215px;
 }
 .contributor {
  margin-top: 30px;
  border: 1px solid #ccc;
  padding: 15px;
 }
 .contributor h3 {
  text-align: center;
 }
 .contributor .c-profile {
  margin-top: 15px;
 }
 .contributor .c-profile dl dt {
  width: 60px;
 }
 .contributor .c-profile dl dd {
  padding-left: 80px;
 }
}
.page-review .wrp-review-comment {
 padding: 25px;
 background-color: #f7f7f7;
 border: 1px solid #ddd;
}
.page-review .wrp-review-comment .comment-box:nth-of-type(n+2) {
 margin-top: 50px;
 padding-top: 50px;
 border-top: 1px solid #ddd;
}
.page-review .wrp-review-comment .comment-box:last-of-type {
 margin-bottom: 50px;
 padding-bottom: 50px;
 border-bottom: 2px solid #ddd;
}
.page-review .wrp-review-comment .comment-user {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.page-review .comment-user dd {
 margin-left: 10px;
 font-weight: 700;
}
.page-review .review-comment-ttl {
 margin-top: 60px;
 margin-bottom: 20px;
 padding: 10px 0 10px 25px;
 background: url(../img/common/icn-review-comment.png) no-repeat 0 50%;
 border-bottom: 1px dotted #ccc;
 line-height: 1;
 background-size: 20px 18px;
}
.page-review .wrp-review-comment .comment-date {
 margin: 5px;
 font-size: 1.1rem;
}
.page-review .wrp-review-comment .comment-doc {
 padding: 10px;
 background-color: #fff;
 border: 1px solid #ddd;
 font-size: 1.2rem;
}
.page-review .wrp-review-comment .comment-doc.comment-doc-del {
 background-color: #eee;
}
.page-review .wrp-review-comment .comment-list li:nth-child(n+2) {
 margin-top: 25px;
}
.page-review .wrp-review-comment .comment-re {
 margin: 5px 0 0 15px;
}
.page-review .wrp-review-comment .comment-re a {
 font-size: 1.3rem;
 color: #C85F55;
 text-decoration: underline;
}
.page-review .wrp-review-comment .comment-re a:hover {
 text-decoration: none;
}
.page-review .wrp-review-comment .comment-re.comment-re-del {
 display: none;
}
.wrp-comment-form input[type="checkbox"], .wrp-comment-form input[type="radio"] {
 display: none;
 visibility: hidden;
 position: absolute;
}
.wrp-comment-form .type-checkbox label {
 position: relative;
 display: inline-block;
 padding: 3px 3px 3px 22px;
 cursor: pointer;
 -webkit-transition: all .2s;
 transition: all .2s;
}
.wrp-comment-form .type-checkbox label::before, .wrp-comment-form .type-checkbox label::after {
 position: absolute;
 content: "";
 -webkit-transition: all .2s;
 transition: all .2s;
}
.wrp-comment-form .type-checkbox label::before {
 top: 50%;
 left: 0;
 width: 14px;
 height: 14px;
 margin-top: -8px;
 background: #fff;
 border: 1px solid #ccc;
 border-radius: 3px;
}
.wrp-comment-form .type-checkbox label::after {
 opacity: 0;
 top: 50%;
 left: 3px;
 width: 8px;
 height: 4px;
 margin-top: -4px;
 border-left: 2px solid #6BA516;
 border-bottom: 2px solid #6BA516;
 -webkit-transform: rotate(-45deg) scale(.5);
 transform: rotate(-45deg) scale(.5);
}
.wrp-comment-form .type-checkbox label:hover::before {
 background: #fff;
}
.wrp-comment-form input[type="checkbox"]:checked + label::before {
 background: #a37e39;
 border: 1px solid #a37e39;
}
.wrp-comment-form input[type="checkbox"]:checked + label::after {
 opacity: 1;
 -webkit-transform: rotate(-45deg) scale(1);
 transform: rotate(-45deg) scale(1);
 border-left: 2px solid #fff;
 border-bottom: 2px solid #fff;
}
.wrp-comment-form input[type="text"] {
 width: 100%;
 margin-top: 5px;
 padding: 10px;
 background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 3px;
}
.wrp-comment-form label input[type=radio] + span:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin-top: auto;
 margin-bottom: auto;
 width: 14px;
 height: 14px;
 background-color: #fff;
 border-radius: 100%;
 border: 1px solid #ccc;
}
.wrp-comment-form label input[type=radio] + span:after {
 content: "";
 position: absolute;
 left: 5px;
 top: 0;
 bottom: 0;
 margin-top: auto;
 margin-bottom: auto;
 width: 6px;
 height: 6px;
 background-color: #a37e39;
 opacity: 0;
 -webkit-transition: opacity .2s;
 -o-transition: opacity .2s;
 transition: opacity .2s;
 border-radius: 100%;
}
.wrp-comment-form label input[type=radio]:checked + span:before {
 border-color: #a37e39;
}
.wrp-comment-form label input[type=radio]:checked + span:after {
 opacity: 1;
}
.wrp-comment-form h3 {
 font-size: 1.5rem;
 font-weight: 700;
}
.wrp-comment-form .comment-note {
 font-size: 1.1rem;
}
.wrp-comment-form h4 {
 padding-top: 15px;
 padding-bottom: 5px;
 font-size: 1.3rem;
 font-weight: 700;
}
.wrp-comment-form .btn {
 display: block;
 margin-top: 30px;
 padding: 8px 10px;
 max-width: 170px;
 background-color: #222;
 font-weight: 700;
 letter-spacing: .15em;
 text-align: center;
 -webkit-transition: all .4s;
 -o-transition: all .4s;
 transition: all .4s;
}
.wrp-comment-form .btn:hover {
 background-color: #a37e39;
 color: #fff;
}
.wrp-comment-form textarea {
 width: 100%;
 padding: 7px 10px;
 background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 3px;
 -webkit-transition: -webkit-box-shadow .2s;
 -o-transition: box-shadow .2s;
 transition: box-shadow .2s;
}
@media screen and (max-width: 767px) {
 .wrp-comment-form h4 {
  font-size: 1.4rem;
 }
 .wrp-comment-form p {
  padding: 5px 0;
 }
 .wrp-comment-form .btn {
  width: 90%;
  margin: 30px auto 0;
  font-size: 1.3rem;
 }
}
.search-number {
 margin: 50px 0;
 padding: 20px 0;
 border-top: 1px dotted #dadada;
 border-bottom: 1px dotted #dadada;
 font-size: 1.4rem;
 font-weight: 700;
 text-align: center;
}
.search-number ul li:last-child {
 margin-left: auto;
}
.search-number dl dt {
 float: left;
 clear: left;
}
.search-number dl dd {
 padding-left: 80px;
 text-align: left;
}
.search-number em {
 padding: 0 6px;
 color: #B97103;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 2.8rem;
 vertical-align: middle;
 line-height: 1;
}
@media screen and (min-width:768px) {
 .search-number ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
 }
}
@media screen and (max-width:767px) {
 .search-number {
  margin: 25px 0;
  padding: 5px 0;
  font-size: 1.3rem;
 }
 .search-number em {
  font-size: 2.4rem;
 }
}
.page-review-apply .ttl-box {
 position: relative;
 padding-top: 60px;
 font-family: '07logotypegothic7regular';
 font-weight: 700;
 color: #202020;
 text-align: center;
}
.page-review-apply .ttl-box {
 position: relative;
 padding-top: 60px;
 font-family: '07logotypegothic7regular';
 font-weight: 700;
 color: #202020;
 text-align: center;
}
.page-review-apply .ttl-box h2 {
 position: relative;
 display: inline-block;
}
.page-review-apply .ttl-box h2::before, .page-review-apply .ttl-box h2::after {
 content: "";
 position: relative;
 display: inline-block;
 background-repeat: no-repeat;
 vertical-align: middle;
 top: -7px;
}
.page-review-apply .ttl-box h2::before {
 background: url(../img/top/ttl-left.png);
 background-size: cover;
}
.page-review-apply .ttl-box h2::after {
 background: url(../img/top/ttl-right.png);
 background-size: cover;
}
.page-review-apply .ttl-box h2::before, .page-review-apply .ttl-box h2::after {
 width: 51px;
 height: 64px;
}
.page-review-apply h2.ttl {
 padding: 0 15px 30px;
 font-size: 4rem;
 text-align: center;
}
.page-review-apply h2.ttl span {
 padding: 0 15px 0;
}
.page-review-apply .ttl-box em {
 position: relative;
 top: 10px;
 display: block;
 font-size: 1.6rem;
 text-align: center;
 letter-spacing: 0;
}
@media screen and (max-width:767px) {
 .page-review-apply .ttl-box {
  padding-top: 50px;
 }
 .page-review-apply h2.ttl {
  padding: 0 15px 20px;
  font-size: 1.7rem;
 }
 .page-review-apply .ttl-box h2::before, .page-review-apply .ttl-box h2::after {
  width: 20px;
  height: 26px;
 }
 .page-review-apply .ttl-box em {
  top: 0;
  font-size: 1.2rem;
 }
}
.page-review-apply .apply-lead p strong {
 color: #E55197;
}
@media screen and (min-width:1025px), print {
 .page-review-apply .apply-lead {
  margin-top: 10px;
  text-align: center;
 }
 .page-review-apply .apply-lead p {
  font-size: 1.6rem;
 }
 .page-review-apply .apply-lead p:nth-child(n+2) {
  margin-top: 35px;
 }
 .page-review-apply .apply-lead p strong {
  font-size: 2rem;
 }
}
@media screen and (min-width: 768px) and (max-width:1024px) {
 .page-review-apply .apply-lead p {
  font-size: 1.4rem;
 }
 .page-review-apply .apply-lead p:nth-child(n+2) {
  margin-top: 25px;
 }
 .page-review-apply .apply-lead p strong {
  font-size: 1.8rem;
 }
}
@media screen and (max-width: 767px) {
 .page-review-apply .apply-lead p:nth-child(n+2) {
  margin-top: 15px;
 }
 .page-review-apply .apply-lead p strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0;
 }
 .page-review-apply .apply-lead p br {
  display: none;
 }
}
.page-review-apply .apply-theme {
 position: relative;
 background-color: #fafafa;
 border-top: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
}
.page-review-apply .apply-theme::after {
 content: "";
 position: absolute;
 bottom: 0;
 display: block;
 width: 100%;
 height: 1px;
 background-color: #fff;
}
.page-review-apply .apply-theme .theme-inner {
 max-width: 1100px;
 margin: 0 auto;
 padding: 0 15px;
}
.page-review-apply .apply-theme h3 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}
.page-review-apply .apply-theme h3 span {
 margin-top: 10px;
 background-color: #fff;
 border: 2px solid #F23A59;
 font-weight: 700;
 color: #F23A59;
}
@media screen and (min-width:1025px), print {
 .page-review-apply .apply-theme {
  margin-top: 40px;
  padding: 0 0 70px;
 }
 .page-review-apply .apply-theme h3 span {
  padding: 35px 50px;
  font-size: 3rem;
  text-align: center;
 }
 .page-review-apply .apply-theme .theme-lead {
  margin-top: 50px;
  font-size: 1.6rem;
  text-align: center;
 }
}
@media screen and (min-width: 768px) and (max-width:1024px) {
 .page-review-apply .apply-theme {
  margin-top: 50px;
  padding: 0 0 50px;
 }
 .page-review-apply .apply-theme h3 span {
  padding: 25px 40px;
  font-size: 2rem;
  text-align: center;
 }
 .page-review-apply .apply-theme .theme-lead {
  margin-top: 35px;
  font-size: 1.4rem;
 }
}
@media screen and (min-width:768px), print {
 .page-review-apply .apply-theme {
  padding: 0 0 30px;
 }
 .page-review-apply .apply-theme h3 span br {
  display: none;
 }
}
@media screen and (max-width: 767px) {
 .page-review-apply .apply-theme {
  margin-top: 25px;
  padding: 0 0 35px;
 }
 .page-review-apply .apply-theme h3 span {
  padding: 15px;
  font-size: 1.7rem;
  text-align: center;
 }
 .page-review-apply .apply-theme .theme-lead {
  margin-top: 25px;
 }
}
.page-review-apply .apply-theme .theme-ex-list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
@media screen and (min-width:768px), print {
 .page-review-apply .apply-theme .theme-ex-list {
  margin-top: 50px;
 }
 .page-review-apply .apply-theme .theme-ex-list li {
  width: 31%;
  margin-right: 3.5%;
 }
 .page-review-apply .apply-theme .theme-ex-list li:nth-child(3n) {
  margin-right: 0;
 }
 .page-review-apply .apply-theme .theme-ex-list li:nth-child(n+4) {
  margin-top: 3.5%;
 }
}
@media screen and (max-width: 767px) {
 .page-review-apply .apply-theme .theme-ex-list {
  margin-top: 25px;
 }
 .page-review-apply .apply-theme .theme-ex-list li:nth-child(n+2) {
  margin-top: 15px;
 }
}
.page-review-apply .apply-method .wrp-btn-more {
 margin-top: 50px;
 text-align: center;
}
.page-review-apply .apply-method .btn {
 background-color: #F39800;
}
@media screen and (min-width:768px), print {
 .page-review-apply .apply-method {
  padding-bottom: 50px;
  text-align: center;
 }
 .page-review-apply .apply-method .method-lead {
  font-size: 1.6rem;
 }
 .page-review-apply .apply-method .btn {
  padding: 35px 50px 35px 60px;
  font-size: 2.2rem;
 }
 .page-review-apply .apply-method .btn br {
  display: none;
 }
}
@media screen and (max-width: 767px) {
 .page-review-apply .apply-method .wrp-btn-more {
  margin-top: 25px;
  text-align: center;
 }
 .page-review-apply .apply-method .btn {
  padding: 15px 50px 15px 60px;
  font-size: 1.7rem;
  line-height: 1.3;
 }
}
.app-form .form-box h4 {
 font-weight: 700;
}
.app-form .form-box h4 span {
 display: block;
 font-size: 1.2rem;
 font-weight: normal;
 letter-spacing: 0;
}
@media screen and (min-width:768px) {
 .app-form .form-box {
  /*	margin-top:40px;*/
  /*border: 1px solid #ccc;*/
 }
 .app-form .form-box.form-box-later {
  border-top: none;
 }
 .app-form .form-box h4 {
  padding: 10px;
  background-color: #f0f0ee;
  border-bottom: 1px solid #ccc;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: .3em;
 }
}
 @media screen and (max-width:767px) {
  .app-form .form-box {
   margin-top: 25px;
  }
  .app-form .form-box h4 {
   margin-bottom: 15px;
   padding: 5px 5px 5px 10px;
   background-color: none;
   border-left: 5px solid #111;
   font-size: 1.5rem;
   text-align: left;
  }
 }
 .app-form h3 {
  padding: 15px;
  background-color: #A47B51;
  font-size: 2.4rem;
  color: #fff;
  line-height: 1;
 }
 .app-form-lead {
  margin: 25px 0;
 }

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

  .app-form h3 {
  padding: 10px;
  font-size: 1.6rem;
 }
 .app-form-lead {
  margin: 15px 0;
 }

}

.app-form-thanks strong{
 display: block;
 color: #E5677F;
 font-size: 2.6rem;
}

.app-form-thanks p{
 margin-top: 25px;
}

.page-review-apply .apply-theme.apply-theme-thanks{
 border: none;
 background-color: transparent;
}

.page-review-apply .apply-theme.apply-theme-thanks h2{
 color: #FF7F00;
 font-size: 2.4rem;
 font-weight: 700;
}

.page-review-apply .apply-theme.apply-theme-thanks .theme-ex-list{
 margin-top: 0;
}

@media screen and (min-width:768px) , print {

 .app-form-thanks {
 text-align: center;
}

 .app-form-thanks strong br{
  display: none;
}

 
}


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

 
.app-form-thanks strong{
 font-size: 1.8rem;
}

.app-form-thanks p{
 margin-top: 25px;
}

.page-review-apply .apply-theme.apply-theme-thanks{
 border: none;
 background-color: transparent;
}

.page-review-apply .apply-theme.apply-theme-thanks h2{
 font-size: 1.6rem;
}

}


 /* ========================================================
	form.css => フォーム
======================================================== */
 form label {
  position: relative;
  padding: 0 0 0 20px;
  cursor: pointer;
 }
 form input, form select, form textarea, form button {
  max-width: 100%;
  margin: 0;
  /*font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-size: 1.4rem;
  outline: none;
  vertical-align: middle;
 }
 form input[type=text], form input[type=email], form input[type=tel], form input[type=number], form textarea {
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-transition: -webkit-box-shadow .2s;
  -o-transition: box-shadow .2s;
  transition: box-shadow .2s;
  background-color: #fff;
 }
 form input[type=text]:focus, form input[type=email]:focus, form input[type=tel]:focus, form input[type=number]:focus, form select:focus, form textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.8);
 }
 form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 42px;
  padding: 5px 40px 5px 10px;
  background-color: #fff;
  background-image: url(../img/common/down-arrow-b.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-background-size: 10px;
  background-size: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
 }
 form :placeholder-shown {
  color: #333;
 }
 form input::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 400;
 }
 form input:-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: 400;
 }
 form input::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: 400;
 }
 form input:-ms-input-placeholder {
  color: #ccc;
  font-weight: 400;
 }
 form input:focus::-webkit-input-placeholder {
  color: transparent;
 }
 form input:focus:-moz-placeholder {
  color: transparent;
 }
 form input:focus::-moz-placeholder {
  color: transparent;
 }
 form textarea::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 400;
 }
 form textarea:-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: 400;
 }
 form textarea::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: 400;
 }
 form textarea:-ms-input-placeholder {
  color: #ccc;
  font-weight: 400;
 }
 form textarea:focus::-webkit-input-placeholder {
  color: transparent;
 }
 form textarea:focus:-moz-placeholder {
  color: transparent;
 }
 form textarea:focus::-moz-placeholder {
  color: transparent;
 }
 form .required {
  width: 30px;
  padding: 2px 0;
  background-color: #c81e1e;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.5;
  text-align: center;
 }
 form .required-small::after {
  content: "*";
  margin-left: 5px;
  font-size: 1.6rem;
  color: #c81e1e;
 }
 form .label-caption {
  display: block;
  margin-bottom: 2px;
 }
 form .label-caption-border {
  display: block;
  margin: 15px 0 5px;
  padding-top: 15px;
  border-top: 1px dashed #ccc;
 }
 form .form-address li {
  position: relative;
  padding: 15px 0;
 }
 form .form-address li:first-child {
  padding-top: 0;
 }
 form .form-address li:last-child {
  padding-bottom: 0;
 }
 form .form-address li:nth-child(n+2) {
  border-top: 1px dashed #ccc;
 }
 form .form-period li {
  position: relative;
  padding: 15px 0;
 }
 form .form-period li:first-child {
  padding-top: 0;
 }
 form .form-period li:last-child {
  padding-bottom: 0;
 }
 form .form-period li:nth-child(n+2) {
  border-top: 1px dashed #ccc;
 }
 form .form-period input.size-middle {
  width: 200px !important;
 }
 form textarea {
  /*margin-bottom: 20px;*/
  height: 200px;
 }
 form .c-red {
  color: #B93A2D;
 }
 @media screen and (max-width:767px) {
  
   form .form-address li {
  padding: 5px 0;
 }
  
  form .form-address li:nth-child(n+2){
       border: none;
  }

  
  form .form-period li span {
   display: block;
   margin-top: 10px;
  }
 }
 form .form-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  width: 90%;
 }
 form .form-name li {
  width: 49%;
 }
 form .form-name li:last-child {
  margin-left: 2%;
 }
 form .form-name li input {
  width: 100%;
 }
 form .form-homepage li input {
  width: 90%;
 }
 form input.size-wide, form textarea {
  width: 100%;
 }
 form input.size-middle {
  width: 40%;
 }
 form input.size-small {
  width: 60px !important;
 }
 form input[type=checkbox], form input[type=radio] {
  visibility: hidden;
  position: absolute;
 }
 form label input[type=radio] + span:before, form label input[type=radio] + input[type=text] + span:before, form label input[type=radio] + div + input[type=text] + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #ccc;
 }
 form label input[type=radio] + span:after, form label input[type=radio] + input[type=text] + span:after, form label input[type=radio] + div + input[type=text] + span:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 6px;
  height: 6px;
  background-color: #114564;
  opacity: 0;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  border-radius: 100%;
 }
 form label input[type=radio]:checked + span:before, form label input[type=radio]:checked + input[type=text] + span:before, form label input[type=radio]:checked + div + input[type=text] + span:before {
  border-color: #114564;
 }
 form label input[type=radio]:checked + span:after, form label input[type=radio]:checked + input[type=text] + span:after, form label input[type=radio]:checked + div + input[type=text] + span:after {
  opacity: 1;
 }
 form label input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #ededed;
  -webkit-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
 }
 form label input[type=checkbox] + span:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 10px;
  width: 6px;
  height: 11px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  -webkit-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
 }
 form label input[type=checkbox]:checked + span:before {
  background-color: #114564;
  border: 1px solid #114564;
 }
 form label input[type=checkbox]:checked + span:after {
  opacity: 1;
 }
 form .btn-border p {
  height: 63px;
  line-height: 65px;
 }
 form .wrp-regulation {
  margin-top: 35px;
  text-align: center;
 }
 form .regulation {
  display: inline-block;
 }
 form .regulation p {
  margin-top: 15px;
 }
 form .regulation .input-check + label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 20px 50px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
 }
 form .regulation .input-check + label::before {
  top: 20px;
  left: 20px;
 }
 form .regulation .input-check + label::after {
  top: 20px;
  left: 26px;
 }
 form .regulation .input-check + label span {
  display: inline-block;
  width: 30px;
  margin-left: 20px;
 }
 form .form-member li:nth-child(n+2) {
  margin-top: 15px;
 }
 form .form-member li input[type=text] {
  margin-right: 10px;
  width: 200px;
 }
 form .form-l-valign li:nth-child(n+2) {
  margin-top: 10px;
 }
 form .form-l-side.review-form-place input {
  width: 100px;
 }

@media screen and (min-width:768px) , print {
 
  form .form-l-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 }

 form .form-l-side li:nth-child(n+2) {
  margin-left: 25px;
 }

}


@media screen and (max-width: 767px) {
 
 form .form-l-side li:nth-child(n+2) {
  margin-top: 10px;
 }
 
}


 @media screen and (min-width: 768px), print {
  form label input[type=radio] + span:before, form label input[type=checkbox] + span:before {
   -webkit-transition: border .2s;
   -o-transition: border .2s;
   transition: border .2s;
  }
  form label:hover input[type=radio] + span:before, form label:hover input[type=checkbox] + span:before {
   border-color: #666;
  }
  form .form-homepage {
   width: 90%;
  }
  form .form-homepage li:first-child label {
   margin-right: 10px;
  }
  form .form-homepage li:last-child {
   margin-top: 10px;
  }
  form .form-member {
   width: 90%;
  }
  form .form-l-valign {
   width: 90%;
  }
  form .form-l-valign li:first-child label {
   margin-right: 10px;
  }
 }
 @media screen and (max-width:767px) {
  form input[type=text], form input[type=email], form input[type=tel], form input[type=number], form textarea, form select, form label {
   font-size: 1.3rem;
  }
  form input[type=text], form textarea {
   padding: 5px;
  }
  form select {
   padding: 5px 25px 5px 7px;
  }
  form label {
   padding-top: 4px;
   padding-bottom: 4px;
  }
  form label input[type=radio] + span:before, form label input[type=radio] + span:after, form label input[type=radio] + input[type=text] + span:before, form label input[type=radio] + input[type=text] + span:after {
   top: 0;
  }
  form input.size-wide, form input.size-middle, form textarea, form .form-name, form .form-homepage li, form .form-homepage li input {
   width: 100%;
  }
  form input.size-middle {
   width: 60%;
  }
  form .form-homepage li:last-child {
   margin-top: 15px;
  }
  form .regulation {
   margin-top: 30px;
  }
  form .regulation_check {
   margin-bottom: 10px;
  }
  form .regulation label {
   padding: 10px 20px 10px 40px;
  }
  form .regulation label input + span:before, form .regulation label input + input + span:before {
   left: 13px;
   top: 17px;
  }
  form .regulation label input + span:after, form .regulation label input + input + span:after {
   left: 18px;
   top: 18px;
  }
 }


.input-check{
	position:absolute;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width:1px;
}

.input-check+label{
	display:inline-block;
	position:relative;
	width:100%;
	padding:10px 10px 10px 25px;
	line-height:1.5;
	cursor:pointer;
}

.input-check+label:after,
.input-check+label:before{
	content:"";
	position:absolute;
}

.input-check+label:before{
	top:10px;
	left:0;
	width:20px;
	height:20px;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
}

.input-check+label:after{
	visibility:hidden;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition:.4s;
	transition:.4s;
}

/*.input-check:checked+label{
	background:#B7C7D0;
}*/

.input-check:checked+label:after{
	visibility:visible;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.input-check.-error+label{
	background:#f7b3b6;
}

.input-check:checked+label:before{
	border:1px solid #114564;
	background-color:#114564;
}

.input-check+label:after{
	top:10px;
	left:6px;
	width:8px;
	height:14px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}


@media screen and (min-width:768px) , print {

.form-fttl{
  display: none;
 }
 
}



 /* table
======================== */
 .form-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  /*	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
*/
 }

.form-table th.th-ttl,
.form-table th.th-sub{
 padding: 15px;
 text-align: center;
}

.form-table th.th-ttl{
 font-size: 1.8rem;
}

.form-table th.th-sub p{
 margin-top: 5px;
 padding-top: 10px;
 border-top: 1px dashed #ccc;
}

.form-table th p{
 font-weight: normal;
 text-align: left;
 line-height: 1.2;
}

 .form-table th {
  font-weight: 700;
 }
 .form-table tbody th {
  background-color: #f0f0ee;
  text-align: left;
 }
 .form-table tbody th span {
  display: block;
 }
 .form-table thead th {
  background-color: #f0f0ee;
  /*border-bottom: 1px solid #ccc;*/
  font-size: 1.6rem;
 }
 .form-table thead th p {
  font-size: 1.3rem;
  font-weight: normal;
 }
 .form-table thead th p a {
  text-decoration: underline;
 }
 .form-table thead th p a:hover {
  text-decoration: none;
 }

  .form-table td.pl-td p{
     line-height: 1.2;
  }

.btn-edit{
 background-color: #bbb;
}

 @media screen and (min-width: 768px), print {
  
/*  .form-table-check{
    border:1px solid #ccc;
  }*/
  
  .form-check-box h4{
    border:1px solid #ccc;
  }
  
  .form-box-later h4{
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: none !important;
  }
  
  .form-table th,
.form-table td{
 border:1px solid #ccc;
}
  
  .form-table th, .form-table td {
   padding: 15px;
  }
  .form-table th {
   width: 260px;
   /*padding-left:0;*/
   padding-right: 40px;
   vertical-align: middle;
  }
/*  .form-table tbody th {
   border-right: 1px solid #ccc;
  }*/
  .form-table tbody td {
   vertical-align: middle;
  }
  .form-table th .required {
   position: relative;
   right: 20px;
   float: right;
   margin-right: -40px;
  }
  
  .form-table .pl-txt{
   display: none;
  }
  
 }
 @media screen and (max-width: 767px) {
  .form-table, .form-table thead, .form-table tbody, .form-table tr, .form-table th, .form-table td {
   display: block;
  }
  
 .form-table .form-fhead{
  display: none;
 }
  
/*  .form-table tr{
   border-top: 1px solid #ccc;
  }*/
  
  .form-table tr:nth-child(n+2){
   margin-top: 30px;
  }
  
  .form-table th, .form-table td {
   display: block;
   width: 100%;
   padding: 10px 5px;
   box-sizing: border-box;
  }
  .form-table tbody th br {
   display: none;
  }
  .form-table th {
   text-align: left;
  }
  .form-table th .required {
   display: inline-block;
   margin-left: 10px;
   font-size: 1rem;
  }
/*  .form-table td {
   margin-bottom: 10px;
  }*/
  
  .form-table td.pl-td{
   padding: 0 5px;
  }
  
  
    .form-table .pl-txt{
     margin-top: 10px;
   font-size: 1.1rem;
     line-height: 1.2;
  }
  
  .form-table .pl-txt strong{
   display: block;
     font-size: 1.3rem;
}

  form .label-caption{
   font-weight: 700;
  }
  
    .form-table .name-tr{
   margin-top: 15px !important;
  }
  
  .form-table .nickname-tr{
   margin-top: 15px !important;
   border-top:1px dashed #ccc;
  }
  
 }

.page-review-apply .reviwe-rulu h4 {
  font-weight: bold;
}


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

  .apply-lead .apply-flow .flow-triangle{
    margin-left: 20px!important;
    }

}

.apply-lead .apply-flow .flow-triangle{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
  margin: 0 auto;
  }

.apply-lead .apply-flow .flow-box {
  border: solid 2px #000 ;
  padding: 10px;
  display: inline-block;
  margin-top: 15px!important; 
}

.apply-lead .apply-flow h3 {
  margin-top: 30px;
}

.page-review .reviwe-rulu {
  text-align: left;
  margin: 0 auto;
  width: 920px;
}

.page-review .reviwe-rulu p {
  margin-top: 10px;
}

.page-review .reviwe-rulu h4 {
  text-align: center;
  margin-top: 60px;
}

.page-review .apply-flow h4 {
  font-weight: bold;
}

.yt-box {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.yt-box iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}